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JSP(Java Server Page) 是 由 Sun 公司 倡导 ,多 家 公司 一 起 参与 制定 的 一 种 动态 网 页 技 
术 标 准 。 近 年 来 JSP 发 展 迅 速成 为 最 引 人 注 目的 Web 开发 技术 之 一 。JSP 继承 了 Java 
的 面向 对 象 . 跨 平台 等 特性 ,特别 是 结合 Servlet 与 JavaBean 技术 ,使 得 页 面 代码 与 后 台 
务 罗 辑 代码 分 离 ,解决 了 过 去 Web 开发 技术 存在 的 不 足 ,提高 了 工作 效率 。 


@ 本 书 将 点 及 知识 结构 


本 书 为 项 目 驱 动 , 主 要 特色 是 以 贯穿 项 目 “ 通 知 公告 发 布 系统 ”为 主线 ,通过 实际 开发 
Web 项 目 系统 地 介绍 JSP 的 知识 。 主 要 分 为 三 部 分 ,辅助 知识 : JSP 开发 环境 、 开 发 工具 、 
HTML、CSS、JavaScript 和 JSP 的 基本 常识 ; 核心 技术 : JSP 语法 ,内置 对 象 .JDBC、 
JavaBean 和 Servlet; 扩展 技术 : MVC、 上 传 下 载 .EL、JSTL 与 框架 技术 的 简介 。 
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多 本 书画 向 的 决 者 


本 书 可 以 作为 普通 高 校 计算 机 及 相关 专业 “Web 程序 设计 ”、“JSP 程序 设计 “动态 网 
站 制作 ”等 课程 的 教材 ,同时 也 适合 JSP 的 初学 者 和 网 站 开发 人 员 参 考 。 阅 读本 书 前 读者 
最 好 熟悉 Java 编程 语言 .计算 机 网 络 等 相关 的 基础 知识 。 


KO 


本 书 每 章 用 贯穿 项 目 及 一 些 辅助 的 示例 讲解 知识 点 ; 其 后 针对 该 知识 点 设计 相应 的 上 
机 练习 ,上 机 练习 中 让 读者 明确 需求 并 辅 以 实现 思路 和 关键 代码 ; 接 下 来 是 总 结 ,简要 列举 
本 章 重 要 知识 点 ; 最 后 是 作业 ,通过 选择 题 . 简 答题 和 编程 题 让 读者 对 本 章 知 识 加 以 熟练 党 
握 。 全 书 共 分 10 章 , 各 章 具体 内 容 如 下 : 


第 1 章 Hello JSP， 简要 介绍 JSP, 以 及 如 何 搭建 开发 JSP 运行 环境 。 
第 2 章 静态 网 页 开发 基础 ， 介绍 HTML、CSS 和 JavaScript 语言 。 
第 3 章 JSP 基础 ， 介绍 JSP 的 工作 原理 和 页 面 元 素 。 


第 4 章 JSP 数据 库 应 用 开发 ,介绍 数据 库 的 基础 知识 .SQL 语言 和 JDBC。 
第 5 章 JSP 中 的 JavaBean， 介绍 JavaBean 的 相关 知识 。 
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第 6 章 JSP 内 置 对 象 ， 介绍 常用 的 JSP 内 置 对 象 。 
第 7 章 Servlet 技术 ， 介绍 Servlet 相关 知识 。 
第 8 章 MVC 设计 模式 ， 介绍 开发 基于 MVC 设计 模式 的 应 用 程序 。 


第 9 章 JSP 开发 业务 应 用 ， 介绍 JSP 分 页 技术 和 文件 上 传 下 载 。 
第 10 章 JSP 高 级 程序 设计 ， 简要 介绍 EIJSTL 和 框架 技术 。 
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第 1 章 Hello JSP 


因 本 前 学 习 卓 标 


< 掌握 静态 网 页 和 动态 网 页 

掌握 B/S 架构 

< 掌握 使 用 URL 访问 动态 网 页 

< 熟练 搭建 JSP 开发 运行 环境 

掌握 开发 JSP 动态 网 站 的 基本 步骤 


JSP(Java Server Pages) 是 由 Sun Microsystems 公司 倡导 、 许 多 公司 参与 一 起 建立 的 一 
种 动态 网 页 技术 标准 ,是 基于 Java 语言 的 一 种 Web 应 用 开发 技术 。 相 对 其 他 Web 应 用 开 
发 技术 , 它 具 有 脱离 硬件 平台 束缚 、 编 译 后 运行 等 优点 ,已 成 为 Internet 上 的 主流 Web 应 用 
开发 技术 之 一 。 


1.1 动态 网 页 


1.1.1 动态 网 页 PK 静 坊 网 页 


静态 网 页 是 指 纯粹 HTML 代码 格式 的 网 页 ,由 静态 网 页 组 成 的 不 具备 交互 性 的 网 站 
称 为 静态 网 站 。 当 我 们 上 网 时 ,会 看 到 某 些 静态 商业 网 站 ,只 是 展示 、 罗 列 内 容 。 而 动态 网 
站 却 能 “ 动 ”起 来 ,例如 实现 添加 、 修 改 、 删 除 信息 、 在 线 搜索 等 功能 ,实现 与 用 户 真 正 的 
互动 。 

由 于 静态 网 页 内 容 是 固定 的 ,制作 完成 后 ,就 不 能 随意 更 改 。 当 我 们 想 要 修改 静态 网 页 
时 ,必须 通过 专用 的 网 页 制作 工具 ,比如 Dreamweaver、FrontPage 等 ,而 且 只 要 修改 了 网 页 
中 的 一 个 字符 或 者 一 个 图 片 ,就 必须 重新 将 服务 器 上 的 网 页 进行 覆盖 。 随 着 Web 应 用 的 发 
展 ,静态 页 面 不 能 迅速 地 进行 添加 和 修改 等 操作 ,也 不 能 提供 个 性 化 和 定制 化 的 服务 等 不 足 
逐渐 显现 ,与 此 相对 应 地 ,动态 网 页 技术 逐渐 发 展 并 得 到 广泛 的 应 用 。 

那么 什么 是 动态 网 页 呢 ? 


1.1.2 什么 是 动态 网 页 


动态 网 页 是 指 其 页 面 信息 可 以 根据 需求 或 者 用 户 的 浏览 状况 ,实现 与 用 户 交流 和 页 面 
信息 自动 更 新 的 网 页 。 例 如 , 当 我 们 浏览 论坛 网 站 时 ,只 能 看 到 帖子 的 浏览 页 面 ; 想 要 发 表 
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自己 的 帖子 ,必须 先 登录 论坛 ,变换 浏览 状况 ,发表 帖子 后 ,呈现 “删除 ”、“ 修 改 ” 等 多 种 操作 
提示 供 我 们 选择 ,可 以 对 所 发 表 的 帖子 进行 处 理 。 另 外 ,我 们 在 不 同 的 时 间 登 录 论 坛 , 看 到 
的 帖子 列表 也 是 不 同 的 。 

在 日 常生 活 中 ,我 们 经 常会 用 到 很 多 动态 网 页 ,例如 百度 淘宝 网 等 。 当 我 们 在 百度 的 
搜索 栏 中 输入 关键 字 *JSP” 时 ,页 面 就 会 自动 排列 出 所 有 有 关 *“JSP” 的 网 址 链接 ,如 图 1-1 


所 示 。 


http//www.baid.. 只 OX 


搜索 设置 | 百度 首页 | 登录 注册 ^ 
Ba 省 新 闻 网 页 贴吧 知道 音乐 图 片 视频 地 图 文库 更 多 > 


|usP 


JSP (Java Server Pages) 是 由 Sun Microsystems 公 司 倡导 、 许 多 公司 参与 一 起 建立 的 一 种 动 
访 网 页 技术 标准 。JSP 技 术 有 点 类 似 ASP 技 术 ， 它 是 在 传统 的 网 … 

简介 -JSP 2.0 - 强势 与 弱势 - 九 大 内 置 对 象 - 技术 方法 - 更 多 >> 
baike.baidu.com/view/3387 htm 2013-2-1 


JSP1High Perf nce Li 人 
JSP develops innovative lightweight plastic applications and offers research and developmen 
t, manufacturing, and molding facilities in Europe, Asia and the 
wwwjsp.com/ 2013-1-24 - 百度 快照 

怎么 E 
jsp 文 件 怎么 打开 ,是 一 种 朵 入 式 网 页 脚本 ,正常 情况 下 可 以 用 记事 本 等 文本 工具 直接 打开 ,也 可 用 
DREAMWEAVER 等 网 页 设计 工具 友好 编辑 。 不 过 这 样 只 能 看 到 程序 的 源 代码 。 当然, 
jingyan.baidu.com/article/ed15cb1b10... 2013-1-24 - 百度 快照 
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1-1 搜索 “JSP” 的 百度 网 页 


百度 一 下 


而 当 我 们 在 淘宝 网 的 搜索 栏 中 输入 关键 字 “ 移 动 硬盘 "时 ,页 面 就 会 自动 排列 出 所 有 包 
含 “移动 硬盘 ”的 网 址 链接 ,如 图 1-2 所 示 。 
通过 图 1-1 和 图 1-2 的 效果 展示 ,我们 来 总 结 一 下 动态 网 页 的 特点 : 


< 交互 性 : 
< 自动 更 新 : 


< 随机 性 : 


网 页 会 根据 用 户 的 要 求 和 选择 而 动态 改变 和 显示 内 容 。 

无 需 手 动 操作 ,动态 网 页 以 数据 库 技术 为 基础 ,根据 需求 自动 生成 新 的 页 
面 ,可 以 大 大 节省 工作 量 。 

即 当 不 同 的 时 间 、 不 同 的 人 访问 同一 网 址 时 会 产生 不 同 的 页 面 效 果 。 


eC 
问题 : 动态 网 页 是 静态 网 页 的 蔡 代 品 吗 ? 
答 : 静态 网 页 和 动态 网 页 各 有 特点 ,网 站 采用 动态 网 页 还 是 静态 网 页 主要 取决 
于 网 站 的 功能 需求 和 网 站 内 容 的 多 少 。 如 果 网 站 功能 比较 简单 ,内 容 更 新 量 不 是 很 大 ， 


采用 静态 网 页 


的 方式 会 更 简单 ,反之 , 则 采用 动态 网 页 技术 来 实现 。 静 态 网 页 是 网 站 建 


设 的 基础 ,静态 网 页 和 动态 网 页 之 间 也 并 不 矛盾 ,为 了 使 网 站 能 适应 搜索 引擎 检索 的 需 
要 ,即使 采用 动态 网 站 技术 ,也 可 以 将 网 页 内 容 转 化 为 静态 网 页 发 布 。 


动态 网 站 也 可 以 采用 静 动 结合 的 原则 ,适合 


采 
有 必要 使 用 静态 网 页 , 则 可 以 考虑 用 静态 网 页 的 方 


1.1 动态 网 页 (3 有 


用 动态 网 页 的 地 方 用 动态 网 页 ,如 果 
法 来 实现 ,在 同一 个 网 站 上 ,动态 网 


页 内 容 和 静态 网 页 内 容 同 时 存在 也 是 很 常见 的 事情 。 


<】 司 阿 pyseoba DP- BOX 
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1-2 ”搜索 “移动 硬盘 ”的 淘宝 网 页 


1.1.3 动态 网 页 的 实现 


通过 如 图 1-1 所 示 的 界面 可 以 看 到 ,在 百度 的 数据 库 中 保存 了 成 千 上 万 条 符合 “JSP” 的 


查询 结果 。 在 页 面 上 也 分 页 排列 出 了 所 有 包含 "JSP” 的 
那么 究竟 怎样 才能 开发 出 像 百 度 、 淘 宝 网 这 样 的 动 


网 址 链接 。 
态 网 页 呢 ? 


动态 网 页 需要 使 用 服务 器 端 脚本 语言 ,例如 JSP 等 。 本 书 就 是 以 JSP 技术 为 核心 , 结 
合 使 用 JSP 开发 动态 网 站 过 程 中 应 用 的 其 他 相关 技术 ,向 大 家 介绍 如 何 开 发 Web 应 用 系 
统 。 这 需要 一 个 学 习 的 过 程 , 本 书 将 会 采用 案例 贯穿 .循序 渐进 的 方式 引领 大 家 一 步 一 步 掌 


握 动态 网 页 的 开发 技术 。 


A 


yy 
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1.2 B/S 架 构 


1.2.1 B/S 架构 技术 


什么 是 B/S 架构 技术 呢 ? 

B/S(Browser/Server, 浏 览 器 /服务 器 ) 是 互联 网 普及 与 大 规模 应 用 后 的 一 种 网 络 结构 
模式 。 这 种 模式 统一 了 客户 端 ,将 系统 功能 实现 的 核心 部 分 集中 到 服务 器 上 ,简化 了 系统 的 
开发 .维护 和 使 用 。 基 于 B/S 架构 的 Web 应 用 程序 由 于 不 再 受到 安装 客户 端的 限制 ,访问 
极其 简便 ,因此 越 来 越 多 地 被 企业 采用 。 例 如 在 全 球 任何 一 个 安装 浏览 器 的 计算 机 上 ,我 们 
都 可 以 访问 百度 网 站 ,如 图 1-3 所 示 ,这 就 是 基于 了 B/S 架构 。 


本 外 用 户 

- 服务 器 | “| 服务 器 
中 国 用 户 
图 1-3 基于 B/S 架构 示例 


在 B/S 架构 下 ,应 用 系统 完全 放 在 应 用 服务 器 上 ,并 通过 应 用 服务 器 同 数据 库 服务 器 
进行 通信 。 在 客户 机 上 无 需 安装 任何 客户 端 软件 ,系统 界面 是 通过 浏览 器 来 展现 的 。 对 于 
用 户 而 言 , 只 需要 能 连接 Internet ,安装 完 浏览 器 就 可 以 访问 系统 了 ,如 图 1-4 所 示 。 对 于 程 
序 开发 ,维护 人 员 来 说 ,无 论 用 户 身 处 何 地 ,所 要 做 的 就 是 对 服务 器 的 代码 进行 更 新 和 维护 。 


客户 机 1 


Web 数据 库 
服务 器 服务 器 


客户 机 2 


客户 机 n 
图 1-4 B/S 架构 图 


B/S 架构 的 优点 是 : 

。 分 布 性 强 ,可 以 随时 随地 进行 查询 ,浏览 等 业务 处 理 。 

。 业务 扩展 方便 ,通过 增加 页 面 即 可 增加 服务 器 功能 。 

。 维护 简单 ,只 需要 改变 网 页 , 即 可 实现 所 有 用 户 的 同步 更 新 。 

。 共享 性 强 。 

缺点 是 : 

。 个 性 化 特点 明显 降低 ,无 法 实现 具有 个 性 化 的 功能 要 求 。 

。 操作 是 以 鼠标 为 最 基本 的 操作 方式 ,无 法 满足 快速 操作 的 要 求 。 
。 页 面 动态 刷新 ,响应 速度 明显 降低 。 

。 功能 弱化 ,难以 实现 传统 模式 下 的 特殊 功能 要 求 。 


1.3 使 用 URL 访 问 动态 页 (2) 


1.2.2 B/S 架构 的 工作 原理 


了 解 了 B/S 架构 及 其 优 缺点 ,我 们 再 来 深入 了 解 一 下 B/S 技术 的 相关 特点 ,看 看 基于 
B/S 架构 的 应 用 程序 是 如 何 工作 的 。 在 B/S 架构 中 ,浏览 器 端 与 服务 器 端 采用 请 求 /响应 
模式 进行 交互 ,工作 原理 如 图 1-5 所 示 。 


运行 JSP 等 
© - 服务 器 端 程序 
客户 端的 请 求 信息 

© 1 

和 数据 库 

用 户 输入 1E 服务 器 | (3) | 服务 器 
f 

pr 面 从 服务 器 端 检 索 到 的 信息 

HTML 文 件 


1-5 ”请 求 /响应 模式 


图 1-5 展示 了 B/S 架构 的 工作 流程 ,下 面 我 们 就 逐步 分 解 其 中 的 每 个 环节 。 

1. 浏览 器 接受 用 户 的 输入 ,例如 ,一 个 用 户 在 浏览 器 窗口 中 输入 用 户 名 密码, 单 击 “ 登 
录 ” 按 钮 (全 书 中 如 果 没 有 说 明 所 操作 的 是 鼠标 的 左 键 还 是 右键 ,就 默认 所 操作 的 是 左 键 )。 

2. 浏览 器 向 服务 器 端 发 送 请 求 : 浏览 器 把 请 求 消息 (包含 用 户 名 、 密 码 等 信息 ) 发 送 到 
服务 器 端 ,等 待 服务 器 端的 响应 。 

3. 数据 处 理 : 服务 器 端 通常 使 用 服务 器 端 脚本 语言 如 JSP 等 来 访问 数据 库 , 查 数据 ， 
并 获得 查询 结果 。 

4. 发 送 响应 : 服务 器 端 向 浏览 器 发 送 响应 消息 (一 般 是 动态 生成 的 HTML 页 面 ) ,并 
由 浏览 器 解释 HTML 文件 ,呈现 结果 界面 。 

我 们 已 经 了 解 了 B/S 技术 及 开发 B/S 架构 应 用 系统 的 工作 流程 ,那么 应 用 系统 开发 完 
成 后 ,该 如 何 访问 呢 ? 接 下 来 我 们 将 学 习 如 何 使 用 URL 访问 动态 网 页 。 


1.3 使 用 URL 访问 动态 页 


1.3.1 什么 是 URL 


URL(Uniform Resource Locator) 其 中 文 意义 为 统一 资源 定位 符 , 它 是 互联 网 上 标准 
的 资源 地 址 ,是 用 于 完整 地 描述 Internet 上 网 页 和 其 他 资源 地 址 的 一 种 标识 方法 。 简 单 地 
说 ,URL 就 是 我 们 常 说 的 “网 址 ”。 


解释 SA 


URL 是 为 了 能 够 使 客户 端 程序 查询 不 同 的 信息 资源 时 有 统一 的 访问 方法 而 定义 的 一 
种 地 址 标识 方法 。 在 Internet 上 所 有 资源 都 有 一 个 独一无二 的 URL 地 址 。 我 们 可 以 通过 
在 浏览 器 地 址 栏 输入 URL 实现 对 网 页 的 访问 。 


WEN 
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1.3.2 URL 的 组 成 


URL 地 址 是 来 告诉 浏览 器 要 访问 的 服务 器 地 址 ,那么 浏览 器 是 怎么 解读 这 个 地 址 的 
呢 ? 首先 我 们 来 看 一 下 URL 地 址 的 组 成 。 

在 本 书 中 会 经 常 使 用 的 一 个 URL: 

http://localhost:8080/Notice/page/background/index. jsp ,通过 这 个 URL 地 址 ,可 以 
分 析 得 出 它 的 组 成 结构 。 

。 HTTP 协议 : HTTP (HyperText Transmission Protocol) 即 超级 文本 传输 协议 ,该 
协议 支持 简单 的 请 求 和 响应 会 话 , 当 用 户 发 送 一 个 HTTP 请 求 时 ,服务 器 就 会 用 一 
个 HTTP 响应 做 出 回答 。 用 一 句 简单 的 话 来 描述 就 是 : 对 于 Web 服务 器 就 必须 要 
使 用 HTTP 协议 。 
服务 器 域名 或 IP: 在 前 面 讲解 B/S 架构 时 ,我 们 知道 了 Web 应 用 的 运行 是 基于 
Web 服务 器 的 ,由 服务 器 收集 用 户 的 请 求 , 经 过 处 理 再 返回 响应 到 浏览 器 端 。 这 也 
就 是 说 我 们 需要 访问 Web 服务 器 的 服务 ,那么 localhost 就 代表 着 服务 器 的 地 址 , 当 
然 在 开发 阶段 通常 都 是 以 开发 机 作为 服务 器 ,因此 服务 器 的 地 址 就 可 以 使 用 
localhost 来 进行 标识 ,也 可 以 使 用 127. 0.0. 1 或 者 用 实际 的 IP 地 址 来 替代 。 
端口 号 : 端口 是 服务 器 用 于 内 外 部 通信 的 通道 , 当 从 外 部 访问 服务 器 时 就 需要 通过 
指定 的 通道 来 访问 。 不 同 的 服务 器 有 着 各 自 不 同 的 默认 开发 端口 ,开发 人 员 可 以 根 
路 径 : 路 径 实际 上 包含 两 层 含义 。 以 Notice/page/background/index. jsp 为 例 ， 
Notice 代表 的 是 Web 应 用 对 外 发 布 时 对 应 的 上 下 文 路 径 , 即 Web 应 用 的 根 目录 
WebRoot 文件 夹 ,而 /page/background/index. jsp 代表 网 页 存放 的 具体 位 置 。 

通过 上 述 分 析 , 可 以 总 结 得 出 最 常用 的 URL 的 组 成 部 分 如 下 。 

第 一 部 分 : 协议 ,指使 用 的 传输 协议 ,如 最 常用 的 HTTP 协议 (目前 WWW 中 应 用 最 广 
的 协议 )。 

第 二 部 分 : 主机 IP 地 址 (有 时 包含 端口 号 ) , 指 请 求 的 服务 器 的 IP 地 址 ,这 个 地 址 是 唯 
一 的 。 当 然 ,也 可 以 使 用 服务 器 名 称 来 代替 IP 地 址 发 送 请 求 。 

第 三 部 分 : 路 径 ( 包 含 请 求 的 资源 ), 指 由 零 或 多 个 “/” 符 号 隔 开 的 字符 串 ,一 般 用 来 表 
示 主 机 上 的 一 个 目录 或 文件 地 址 等 。 而 请 求 的 资源 指 请 求 内 容 的 名 字 , 可 以 是 一 个 HTML 
页 面 ,也 可 以 是 一 个 Servlet、 图 像 等 服务 器 能 提供 的 资源 。 


第 一 部 分 和 第 二 部 分 之 间 用 “: //” 符 号 隔 开 ,第 二 部 分 和 第 三 部 分 用 “/” 符 号 隔 开 。 其 
中 ,第 一 部 分 和 第 二 部 分 是 不 可 缺少 的 ,第 三 部 分 有 时 可 以 省 略 。 当 第 三 部 分 省 略 时 ,大 多 
数 服务 器 会 默认 访问 系统 的 欢迎 页 面 。 

现在 我 们 已 经 掌握 了 B/S 架构 应 用 系统 的 工作 原理 及 流程 ,也 知道 了 如 何 正确 编写 
URL ,那么 接 下 来 是 不 是 就 可 以 开发 Web 应 用 系统 了 呢 ? 工 欲 善 其 事 必 先 利 其 器 ,我 们 首 
先 来 搭建 JSP 的 开发 环境 。 


1.4 搭建 JSP 运 行 环境 ( 


1.4 搭建 JSP 运行 环境 


使 用 方便 、 高 效 快捷 的 JSP 开发 环境 ,对 于 学 习 开 发 JSP 的 读者 来 说 事半功倍 。 目 前 ， 
较 流行 的 JSP 开发 平台 和 工具 主要 包括 JDK、Tomcat、MyEclipse 等 。 其 中 ,JDK (Java 
Developer Kit) 是 Java 开发 工具 包 ; Tomcat 是 Web 服务 器 ; MyEclipse 是 一 套 十 分 优秀 的 
开发 工具 ,实际 上 就 是 JSP 应 用 开发 的 可 视 化 IDE。 编 程 人 员 首 先 利用 MyEclipse 平台 ， 
发 Web 项目。 而 Web 项 目 若 能 让 别人 访问 ,就 必须 将 项 目 部 署 到 服务 器 上 才 行 ,Tomcat 
就 是 这 样 一 个 轻 量 级 的 服务 器 。 我 们 开发 的 是 包含 JSP 项 目的 Web 项 目 ,JSP 是 在 
HTML 文件 中 插入 Java 代码 ,而 JDK 则 包含 了 Java 的 运行 环境 、 工 具 及 基本 库 , 是 整个 
Java 的 核心 ,也 是 运行 JSP 不 可 或 缺 的 环境 。 下 面 就 分 别 讲解 JDK、Tomcat 和 MyEclipse 
的 安装 与 配置 。 


1.4.1 JDK 的 安装 与 配置 


JDK 是 Sun 公司 免费 提供 的 Java 语言 工具 , 它 包含 了 Java 开发 中 所 必需 的 开发 工具 
和 Java 运行 环境 (JRE-Java Run Environment) ,是 Java 应 用 程序 开发 的 基础 。 由 于 JSP 本 
身 执行 的 计算 机 语言 就 是 Java, 因 此 , 想 要 开发 运行 JSP 程序 也 需要 JDK 的 开发 环境 。 
JDK 目前 的 最 新 版 本 是 J2SE7. 0(1.7) ,安装 文件 可 以 通过 

http://www. oracle. com/technetwork/java/javase/ downloads/index. html 


进行 下 载 ,下 载 的 文件 名 为 jdk-7u9-windows-i586. exe, 大 小 为 90470KB, 如 图 1-6 所 示 。 
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图 1-6 下 载 J2SE1.7 网 页 
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1.JDK 的 安装 

下 载 JDK 后 就 可 以 安装 JDK 了 ,下面 我 们 介绍 安装 步骤 : 

(1) 双击 JDK 的 安装 文件 “jdk-7u9-windows-i586. exe”, 弹 出 如 图 1-7 所 示 的 界面 。 
园 


则 Java SE Developaent Kit 7 Update 9 - 设置 


ORACLE 


¢ 
宇 java- 
欢迎 使 用 Java SE Development Kit 7 Update 9 安装 向 导 


此 向 导 梅 引导 您 完成 Java 5E Development Kk 7 Update 9 的 安装 过 程 。 


JavaFX SDK 现 作为 JOK 的 一 部 分 包括 在 内 。 


图 1-7 JDK 的 安装 界面 
(2) 单 击 * 下 一 步 ?按钮 ,弹出 如 图 1-8 所 示 的 自 定义 安装 界面 ,选择 安装 路 径 和 安装 的 


其 他 配置 ,在 这 里 采用 默认 的 设置 。 


介 Java SE Developaent Kit 7 Update 9 


自 定义 安装 区 


Si 
三 java ORACLE 
请 从 下 面 的 列表 中 选择 要 安装 的 可 选 功能 。 安 装 完成 后 ， 您 可 以 使 用 "控制 面板 "中 的 ' 添 加/ 
山 除 程序 “实用 程序 来 更 疏 悠 选择 的 功能 


Es 


曼 -| 源 代码 


型 >] 公共 JRE 
动 器 上 有 300MB 空 i 


安装 到 : 
Caprogram Fiestlavatdkl.7.0_D9 
< ]LT-S0> 取消 


图 1-8 JDK 自 定义 安装 界面 


“下 一 步 ”按钮 ,进入 选择 JRE 安装 路 径 的 界面 ,如 图 1-9 所 示 ,设置 JRE 的 安 


(3) 单 寺 
装 路 径 ,或 根据 需求 更 改 路 径 。 单 击 * 下 一 步 " 按 钮 继续 安装 ,至 安装 成 功 。 如 图 1-10 所 示 


为 JDK 安装 成 功 的 页 面 。 


2. JDK 的 配置 与 测试 
安装 完 JDK 后 ,需要 设置 环境 变量 及 测试 JDK 配置 是 否 成 功 , 具 体 步骤 如 下 : 


介 Java 安装 - 目标 文件 夹 


名 Java 


ORACLE 


安装 到 ; 
CNProgram Fles\Javaye7\ 


图 1-9 设置 JRE 的 安装 路 径 


(1) 在 “我 的 电脑 "上 单 击 鼠标 右键 ,在 弹出 的 快捷 菜单 中 ,选择 属性? 选 


1.4 搭建 JSP 运 行 环境 D) Wy 


韶 Java SE Developaent Kit 7 Update 9 - 完成 


¢ 
全 javar 


CRAacLe 


Java SE Development Kit 7 Update 9 已 成 功 安装 
免费 注册 Java 并 获 职 : 
-新 版 本 , 补 于 得 序 和 责 新 程序 的 通知 
二 et 服务 和 培训 的 转 歼 忧 囊 
行 岂 和 文 榴 态 同和 了 


安装 元 成 时 , 格 收 集 产 品 和 系 纺 灼 据 , 并 格 显 示 ]DK 产品 注册 表 。 如 果 未 注册 , 则 
不 会 保存 此 信息 。 


详 绍 信息 (MW) 


图 1-10 JDK 安装 成 功 


先 项 (若是 Win7 


操作 系统 , 则 在 “计算 机 ”上 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选择 “属性 ”选项 ,打开 “高 级 


系统 设置 ”)。 


在 打开 的 “系统 属性 ”对 话 框 中 选择 “高 级 ”选项 卡 ,如 图 1-11 所 示 。 


(2) 单 击 “ 环 境 变量 ”按钮 ,打开 “环境 变量 ”对话 框 。 在 这 里 可 以 添加 针对 单个 用 户 的 
“用 户 变 量 " 和 针对 所 有 用 户 的 “系统 变量 ”, 如 图 1-12 所 示 。 


常规 “| 计算 机 名 | 硬件 | 高 级 。 自动 更 新 | 远程 
要 进行 大 多 数 改动 ， 您 必须 作为 管理 员 登 录 。 
性 能 


视觉 效果 ， 处 理 器 计划 ， 内 存 使 用 ， 以 及 虚拟 内 存 


用 户 配置 文件 
与 您 登录 有 关 的 点 面 设置 


局 动 和 故障 恢复 
系统 启动 ， 系 统 失 败 和 调试 信息 


L_ Raw | 错误 报告 ER) 


图 1-11 系统 属性 设置 


(3) 单 击 “系统 变量 区域 中 的 “新 


环境 变量 


Administrator 的 用 户 变 量 0) 


a ul traedit\Ul tra 
THP E \Docunents ey Settings\Admin 
ED [CD 
系统 过 量 GE) 
变量 值 Ee 
CCHZPATH di \CTeX\LOCALT “1\cct\fonts 
CCPKPATH d: \CTeX\LOCALT “1 \fonts\pk\model. 
ComSpec C: \WINDOWS\systen32\cmd. exe 
FP NOHDST C... WO 
1ib C:\Program Files\SQLMNL 4.0\bin .. 户 
新 建 电 ) 编辑 并 ) 出 除 LL) 


图 1-12 环境 变量 设置 


建 "按钮 ,弹出 “编辑 系统 变量 ”对 话 框 。 在 对 话 框 的 


“变量 名 ”文本 框 中 输入 “JAVA_HOME”, 在 “变量 值 > 文本 框 中 输入 JDK 的 安装 路 径 


D:\Program Files\Java\jdk1.7.0_09, 单 击 “ 确 定 


置 ,如 图 1-13 所 示 。 


”按钮 ,完成 环境 变量 JAVA_HOME 的 配 
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图 1-13 新 建 系统 变量 设置 


(4) 在 系统 变量 中 查看 PATH 变量 ,如 果 不 存 在 , 则 新 建 变量 PATH, 和 否则 选中 该 变 
量 , 单 击 “ 编 辑 ” 按 钮 ,打开 * 编辑 系统 变量 ”对 寺 话 框 ,在 该 对 话 框 的 “变量 值 " 文 本 框 的 起 始 位 
置 添 加 “%JAVA_HOME%\bin;”。 

(5) 单 击 “ 确 定 ” 按 钮 返回 到 “环境 变量 ”对 话 框 。 在 系统 变量 中 查看 CLASSPATH 变 

+, 如果 不 存在 , 则 新 建 变 量 CLASSPATH ,变量 值 为 %JAVA_HOME%\lib\dt. jar;% 
ey HOME%ANlibN\tools. jar。 

(6) JDK 程序 的 安装 和 配置 完成 后 ,可 以 测试 JDK 是 否 能 够 在 计算 机 上 和 运行。 选择 
“开始 ”一 “运行 ”命令 ,在 打开 的 “运行 "窗口 中 输入 cmd 命令 ,进入 到 DOS 环境 ,在 命令 提 
0 直接 输入 “javac”, 按 下 Enter 键 ,系统 会 输出 javac 的 帮助 信息 ,如 图 1-14 所 示 。 

说 明 已 经 成 功 配 置 了 JDK ,否则 需要 仔细 检查 上 面 步 又 的 配置 是 否 正确 。 


systen32\cad. 


lc: \Docunents and Settings\Adninistrator> 


图 1-14 测试 JDK 安装 与 配置 是 否 成 功 


1.4.2 Tomcat 的 安装 、 运 行 与 目录 结 


Tomcat 服务 器 是 一 个 免费 开源 的 Web 应 用 服务 器 ,我 们 可 以 直接 从 Apache 的 官方 
网 站 http://tomcat. apache. org/ 进 行 下 载 ,如 图 1-15 所 示 。 目 前 其 最 新 版 本 是 7. 0, 下 载 
的 文件 名 为 “apache-tomcat-7. 0. 33. exe”。Tomcat 是 一 个 轻 量 级 的 应 用 服务 器 ,在 中 小 型 
系统 和 并 发 访问 用 户 不 是 很 多 的 场合 下 被 普遍 使 用 ,是 开发 和 调试 JSP 程序 的 首选 


1.4 搭建 JSP 运 行 环境 


[FS hpache Tomcat — Apache Tomcat 7 Downloads — Windows Internet Explorer 
-、\ edhe ore ， 

文件 到 ) 扎 回 人 E) 查看 如 收 亭 天 () 工具 人 帮助 中 

寅 中 天 | 高 回 汪 0Fs -站 


NN Mpache Toneat - Apache Toncat T Dornloads 人 - 3 者 ”页 面罩 ”安全 名 ” 工 ow ” 移 - 


要 Apache Tomcat Apache 


Software Foundation 
http://www.apache.org/ 


Search the Ste Search She 


Apache Tomcat Tomcat 7 Downloads 
Welcome to the Tomeat 7 x download page This page provides download links for obtaining 
the latest version of Tomeat 7 0 x as well as links to the archives of older releases, 


。 Home 
。 Taslbs 
。 Maven Pugin 


Download Quick Navigation 
KEYS | 7033 | Browse | Archives 
。 Which version? 


图 1-15 下 载 Tomcat 7.0 


1. Tomcat 的 安装 

安装 Tomcat 服务 器 ,具体 步骤 如 下 。 

(1) 双击 apache-tomcat-7. 0. 33. exe 文件 开始 安装 。 在 弹出 的 安装 向 导 对 话 框 中 , 单 
击 “Next” 按 钮 ,将 弹出 如 图 1-16 所 示 的 许可 协议 对 话 框 。 


Apache Tomcat Setup 


license Agreement 
Please review the lcense terms before instaling Apache Tomcat. 


Press Page Down to see the rest of the agreement. 


Apache License 
Version 2.0, January 2004 
httpi/fwww, 
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 
1 Definitons, 


Ticenser shall mean the terms and conditions for use, reproduction, 
and distribution as defined by Sections 1 through 9 of this document. - 


If you accept the terms of the agreement dick I Agree to continue. You must accept the 
agreement to install Apache Tomcat 


Er 


1-16 ”接受 Tomcat 使 用 协议 


(2) 单 击 “I Agree” 按 钮 ,接受 许可 协议 ,出 现 如 图 1-17 所 示 的 选择 组 件 对 话 框 ,选择 要 
安装 的 Tomcat 组 件 , 然 后 单 击 “Next” 按 钮 。 

(3) 在 图 1-18 所 示 的 配置 对 话 框 中 , Server Shutdown Port 指定 Tomcat 监听 
shutdown 命令 端口 ,默认 为 8005; 第 一 个 Connector Point 定义 了 一 个 HTTP Connector， 
默认 端口 8080 接收 HTTP 请 求 ; 第 二 个 Connector Point 定义 了 一 个 JD Connector, 上 默认 
8009 端口 接收 由 其 他 服务 器 转发 过 来 的 请 求 ; 接 下 来 需要 设置 服务 器 的 Tomcat 后 台 登 录 
名 和 密码 。 这 里 采用 默认 的 安装 。 


bs 
( (2) 儿童 Helo Jsp 


Fr 


国 Apache Tomcat Setup — 
EE | | 一 一 Sm 
Choose which features of Apache Tomcat you want to nstal. Tomcat basic configuration. 
check the camponents you want to neta and incheck the components you dor't want o PT 和 
HTTP/1 1 Connector Port 5080 
Select the type of instak 
Or, select the optional Dearpm AphLscomedzrpart oo 
components you weh on 
本 是 Wndows Service Name Tomcat7 
Create shortouts for al users 百 
Tonatadmnewator Logn User Name 
Space requred: 10.2yB Pad 
Rales Birr oiimenager 0s 
st naa Syste 4 
i TI 
E 
1-17 设置 Tomcat 的 安装 类 型 1-18 设置 Tomcat 端口 号 等 


(4) 单 击 “Next” 按 钮 ,将 弹出 如 图 1-19 所 示 的 对 话 框 ,一 般 情况 下 安装 程序 可 以 自动 
找到 Java 虚拟 机 路 径 设置 。 


加 Apache Tomcat Setup: Java Virtual Machine path selection 
Java Vitual Machine 
Java Vtual Madhne path selecton 


Please select the path ofa Java SE 6.0 or later RE nstaled on your system. 


Db:progam FlesVavaye7 回 


[ee JULeea> ] Ce ] 


1-19 Java 虚拟 机 路 径 设置 


(5) 然后 单 击 “Next” 按 钮 ,弹出 设置 Tomcat 安装 路 径 对 话 框 ( 图 1-20) , 单 击 “Install” 
按钮 开始 安装 。 在 弹出 的 安装 对 话 框 中 单 击 Finish” 按 钮 ,完成 安装 ,如 图 1-21 所 示 。 


Apache Tomcat Setup Apache Tomcat Setup 


Choose nstall Location 
hoose the foldern which to natal Apache Tomcat, 


Setup wil install Apache Tomcat in the folowing foider Toinstalna different folder, cidk 
Browse and select another foker, Cick instal to start theinstalation 


http://tomeat.apache.org 
Cet 


Apache Tomcat 7 


图 1-20 设置 Tomcat 安装 路 径 图 1-21 安装 Tomcat 


动 
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2. Tomcat 的 运行 

Tomcat 安装 完成 后 ,就 可 以 运行 该 服务 器 ,具体 步骤 如 下 。 

(1) 在 开始 菜单 中 选择 “开始 ”一 “程序 ”> Apache Tomcat 7. 0--Configure Tomcat 选 
项 ,弹出 启动 Tomcat 服务 器 的 界面 ,该 界面 可 以 对 Tomcat 的 一 些 参数 进行 配置 ,一 般 采 用 
默认 方式 。 如 图 1-22 所 示 。 

(2) 单 击 “Start” 按 钮 ,启动 Tomcat 服务 器 ,如 图 1-23 所 示 。 


ce Apache Tomcat T-0 TomcatT Properties 


| Seaeral [Lor On Logrine [Jove |[Stertuo | Shutdorn 


Service Name; Tomcat7 
Display name: 。 |Apache Tomcat 7.0 


Description: [Apache Tomcat 7.0.33 Server - http:/jtomcat, apache.d 


Path to executable; 


Startuptype: [Automatic 
Apache Comaons Daeaon Service Wanager 


BD Service Manager is attempting to start the falowing service ,,, 


Apache Tomcat 7.0 Tomcat7 
Service Status! 。 Stopped 


t 
2 [IT 


图 1-22 配置 Tomcat 参数 图 1-23 Tomcat 服务 器 启动 


(3) 打开 IE 浏览 器 ,在 地 址 栏 中 输入 “http://localhost:8080”, 运 行 结果 如 图 1-24 所 
示 。 说 明 Tamcat 安装 成 功 。 


[Apache Tomcat/7.0.33 Windows Internet Explorer 

GO- 昔 Tocuhost 

文件 中 篇 辑 (E) 查看 QV) 收藏 天 (A) 工具 CI) 帮助 只 

安 收 就 天 | 将 回 -站 > 

国 Apsehe Tomeatu/T 0. 39 从 3 山 ” 面 0) 安全) 工具 - 大 ~ 


Xx 查找 [8009 上 -个 下 -个 | 少 | 过 项 - 


Home Documentation Configuration Examples Wiki Mailing Lists Find Help 


Apache Tomcat/7.0.33 me Apache Software Foundation 


http://www.apache.org/ 


Recommended Reading PP 
Security Considerations HOW-TO 

Manager Application HOW-TO 

Clustering/Session Replication HOW-TO ies Mosge, 


Manager App 


Developer Quick Start 


Tomeat Setup Realms & AAA 
First Web Application JDBC DataSources 


图 1-24 Tomcat 启动 成 功 页 面 
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车 没有 出 现 如 图 1-24 所 示 的 欢迎 页 面 ,可 以 检查 Tomcat 安装 目 BT 
录 下 的 webapps 文件 夹 下 是 否 有 ROOT 文件 夹 ,及 该 文件 夹 下 是 否 不 i 
为 空 ,如 果 为 空 , 则 安装 过 程 中 如 图 1-17 时 没有 选择 HostManager, 请 站 二 
重新 安装 并 选择 该 项 。 SE 

3. Tomcat 目录 结构 回 rcemsz 


回 morrcz 


Tomcat 服务 器 安装 完毕 后 ,打开 Tomcat 的 安装 路 径 ,会 看 到 如 。 各 swe， 
图 1-25 所 示 的 目录 结构 。 
不 同 的 目录 具有 不 同 的 作用 ,需要 注意 的 是 Tomcat 在 不 同 版 本 图 125 Tomeat 


N24 


之 间 的 目录 结构 咯 有 区 别 ,本 书 以 Tomeat 7. 0 的 目录 结构 为 例 来 介 目录 结构 
绍 , 每 个 目录 的 功能 描述 见 表 1-1。 
表 1-1 Tomcat 目录 结构 表 
目录 说 明 

/bin 存放 各 种 平台 下 用 于 启动 和 停止 Tomcat 的 脚本 文件 

/conf 存放 Tomcat 服务 器 的 各 种 配置 文件 ,其 中 最 重要 的 是 server. xml 

/lib 存放 Tomcat 服务 器 所 需 的 各 种 JAR 文件 

/logs 存放 Tomcat 的 日 志文 件 

/temp Tomcat 运行 时 用 于 存放 临时 文件 

/webapps Web 应 用 的 发 布 目录 

/work Tomcat 把 由 JSP 生成 的 Servlet 放 在 此 目录 下 


/conf 下 的 server. xml 文件 是 Tomcat 服务 器 重要 的 配置 文件 ,在 该 文件 中 有 诸多 元 素 
的 配置 可 影响 到 服务 器 的 性 能 。 例 如 ,通过 Tomcat 开放 的 端口 号 8080, 可 以 访问 应 用 程 
序 , 如 果 该 端口 号 一 旦 被 占用 ,将 无 法 再 继续 访问 ,此 时 只 需 对 server. xml 进行 更 改 ,就 可 
以 实现 端口 号 的 更 改 。 


/闪闪 
* 修改 前 配置 
*/ 


< Connector port = "8080" protocol = "HTTP/1.1" 
connectionTimeout = "20000" 
redirectPort = "8443" /> 


/x 

* 修改 后 配置 

*/ 

< Connector port = "8081" protocol = "HTTP/1.1" 
connectionTimeout = "20000” 
redirectPort = "8443" /> 


A 
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Tomcat 服务 重启 后 ,在 浏览 器 中 输入 http://localhost:8081/, 出 现 如 图 1-25 所 示 的 
欢迎 页 面 , 则 测试 修改 成 功 。 


1.4.3 MyEclipse 的 使 用 


MyEclipse 企业 级 工作 平台 (My Eclipse Enterprise Workbench) 是 由 Genuitec 公司 推 
出 的 商业 版 J2EE 开发 平台 ,提供 一 个 月 的 免费 试用 期 , 它 的 官方 网 站 是 http://www. 
myeclipseide. com, 可 在 其 主页 中 ( 见 图 1-26) 下 载 安装 包 。 请 根据 需求 ,下 载 安 装 , 此 处 不 
再 袭 述 MyEclipse 的 安装 过 程 。 


ava, JSP, XML., Struts, HT, CSS and EJB - yindo... E| 顾 | 网 
pl 
文件 四 编 吉 加 ”查看 如 收 巧 天 A) 工具 中 帮助 
宣 收 康 天 | 高 回 全 
型 mygelips。 -Eclipse plugin developaent + 从 -有 睛 -本 刷 ” 页 面 人 -安全 0 工具 Q)- 生 - 


Wember Login Register 


mueclipse 


Download BuyRenew NewgNoteworthy Productsv Features WyEclipseSecure Support Docs Blog 


MyEclipse Blue 


The clear alternative to Rational. 


图 1-26 MyEclipse 官网 
/ fps 

Ca 说明 

MyEclipse 和 Eclipse 的 比较 

我 们 知道 ,Eclipse 是 一 个 免费 的 Java 开发 工具 ,能 进行 一 些 普 通 的 编程 。MyEclipse 
是 商业 级 别 的 ,Eclipse 安装 插件 后 就 可 以 成 为 MyEclipse, 但 使 用 插件 是 要 收费 的 。 使 用 
MyEclipse 可 以 开发 大 型 的 J2EE。 

MyEclipse 是 在 Eclipse 基础 上 的 扩展 。 加 了 很 多 实用 的 插件 ! 

MyEclipse 可 以 算是 Eclipse 的 一 个 插件 ! 

MyEclipse 比 Eclipse 多 了 很 多 功能 ! 

MyEclipse 是 收费 的 ,而 Eclipse 是 免费 的 ! 


1.5 Hello JSP 
好 了 ,我 们 的 工具 都 已 经 到 位 了 ,现在 要 向 JSP 说 Hello 了 ! 


(1) 打开 MyEclipse, 如 图 1-27 所 示 选 择 工作 区 ,出 现 如 图 1-28 所 示 的 MyEclipse 工作 
面板 。 
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加 Workspace Launcher 眶 - 增 
Selecta workspace 
MyEdlipse Enterprise Workbench stores your projects in a folder called a workspace. 
Choose a workspace folder to use for this session. 
Workspace: E\Workspaces\MyEclipse 9 = [i 
use this as the default and do not ask again 
1-27 ”MyEclipse 选择 工作 区 
@ Myclipse javs Enterprise - MyEdipse Enterprise Workbench EWM 
Fle Edit Source Refactor Navigate Search Project MyEcipse Run Window Hetp 
7 
-四 如 -四 -中 


| 


图 1-28 MyEclipse 工作 面板 


(2) 创建 一 个 Hello 的 Web 项 目 。 选 择 菜单 File>New 一 Web Project, 可 以 启动 创建 
Web 项 目的 向 导 , 如 图 1-29 所 示 。 在 这 个 图 的 Project Name 中 输入 Hello, 然 后 选中 J2EE 


Specification Level 下 面 的 Java EE 5.0 单 选 钮 ,最 后 单 击 “Finish” 按 钮 就 可 以 创建 Web 项 
有 F's 


注意 


选择 哪个 版 本 的 J2EE Specification Level 取决 于 你 使 用 的 服务 器 , 例 Tomcat4， 


1.5 Hello JSP (2 
> 


Weblogic 9 以 下 版 本 请 选择 J2EE 1.4, 而 Tomcat 5,JBoss 4, 或 者 GlassFish 这 样 的 服务 器 
可 以 选择 Java EE 5.0。Java EE 5.0 可 以 直接 使 用 EL 表达 式 和 JSTL。 


图 New web Project 


回 | Z 


Create a Web Project 
@ Project name must be specified 


起 


Web Project Details 


Project Name: 
Location: 加 Use defauk location 

Directory: & [EAMWorkspaces\MyEclipse 9 Browse.. 
Sourcefolder src 


Web root folder: WebRoot 


Context root URL: 


J2EE Specification Level 


OJavaEE60 加 JavaEE50 ©J2EE14 ©J2EE13 


Maven 
回 Add Maven support 
Learm more about Maven4MyEclipse.. 
JSTL Support 
Add JSTL libraries to WEB-INF/lib folder? 


< Back Next > Finish 


| Cee 


图 1-29 New Web Project 对 话 框 


关于 输入 框 的 详细 意义 请 参考 表 1-2。 


选 项 


表 1-2 New Web Project 输入 框 的 详细 意义 
描 述 


DY 


Project name 


项 目的 名 称 。 必 须 是 有 效 的 Eclipse Java 项 目 名 


Location 选中 这 个 复 选 框 来 选择 新 项 目的 文件 将 存放 到 计算 机 中 的 其 他 位 置 
项 目的 默认 存放 位 置 是 在 MyEclipse 启动 时 工作 区 目录 下 。 当 然 可 以 选择 位 
Directory 于 工作 区 目录 外 的 其 他 路 径 。 注 意 : 不 能 选择 位 于 工作 区 子 目 录 下 的 另 一 子 


目录 ,因为 Eclipse 禁止 这 种 做 法 ! 


Source folder 


Java 源 代码 目录 一 一 将 包含 Java 包 和 .java 文件。 这 些 内 容 会 被 加 入 到 项 目 
的 Java 构造 路 径 中 


Web root folder 


这 个 目录 将 包含 Web 应 用 的 内 容 `WEB-INF 目录 以 及 对 应 的 子 目 录 。 如 果 
这 个 输入 框 内 容 为 空 ,那么 项 目的 根 目录 ("/") 将 会 成 为 Web 根 目录 


Context root URL 


MyEclipse 将 Web 项 目 部 署 到 Tomcat 时 使 用 这 个 路 径 。 默 认 使 用 的 值 是 项 
目的 名 字 。 什 么 是 上 下 文 根 目录 ? 它 是 访问 发 布 后 的 应 用 时 所 用 的 根 路 径 ， 
例如 输入 Hello 后 ,将 用 地 址 http://localhost:8080/Hello 来 访问 这 个 项 目 


J2EE specification 


指定 J2?EE 规范 的 版 本 。 需 要 检查 服务 器 的 文档 来 了 解 其 所 支持 的 版 本 


Add JSTL 1.0 libraries 


启用 此 选项 来 添加 Java Standard Template Library (Java 标准 模版 库 1.0 或 


者 1.1 版 本 ) 的 JAR 文件 到 新 项 目的 < web-root>/ WEB-INF/lib 目录 下 


0 
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创建 后 的 Hello 项 目 如 图 1-30 所 示 。 


嫩 Helo 
EE 
Bi JRE System Library [Sun JDK 1.6.0_13] 
Bi Java EE 6 Libraries 
BE WebRoot 
META-INF 
MANIFEST.MF 
多 WEB-INF 
包 b 
因 webzxml 
BB indexjsp 


1-30 Hello Web 项 目 结构 图 


Web 项目 是 由 多 种 资源 文件 构成 的 ,包括 编写 的 Java 类 、JSP 页 面 、 各 种 静态 资源 以 及 
发 布 的 描述 文件 等 。 这 些 文件 在 Web 应 用 目录 的 存放 都 是 有 一 定 限制 和 规定 的 。src 中 存 
放 的 是 java 源 文 件 (*.java) ,当然 可 以 在 src 下 创建 包 , 例 如 com. bean .com. dao 用 来 存放 
不 同 用 途 的 java 文件 。WebRoot 是 访问 项 目的 根 目录 , 表 1-3 中 列 出 了 Web 应 用 目录 结 
构 的 内 容 , 并 进行 了 相应 的 说 明 。 

表 1-3 Web 项 目的 目录 结构 


目录 说 明 

/ Web 项 目的 根 目 录 , 该 目录 下 的 所 有 文件 对 客户 端 都 可 以 访问 ,包括 
JSP.HTML 

/META-INF 用 于 存储 包 和 扩展 的 配置 数据 ,如 安全 性 和 版 本 信息 

/WEBINE 存放 应 用 程序 所 使 用 的 各 种 资源 ,该 目录 及 其 子 目 录 对 客户 端 都 是 不 可 以 访问 
的 ,其 中 包括 web. xml( 部 署 表 述 符 ) 

/WEB-INF/classes 存放 应 用 的 所 有 class 文件 

/WEB-INF/lib 存放 Web 应 用 使 用 的 JAR 文件 


web. xml 是 Web 项 目的 一 个 核心 文件 , 它 必须 在 WEB-INF 目录 下 ,该 文件 控制 整个 
项 目的 行为 方式 和 方法 ,打开 web. xml 文件 ,其 内 容 如 示例 1-2 所 示 。 


/x 

关 web.xml 

*/ 

<?xml version = "1.0" encoding = "UTF — 8"?> 

<web - app version= "3.0" 
xmlns = "http://java. sun. com/xml/ns/javaee" 
xmlns:xsi = "http://www. w3. org/2001/XMLSchema - instance" 
xsi:schemaLocation = "http://java. sun. com/xml/ns/javaee 
http://java. sun. com/xml/ns/javaee/web— app_3_0.xsd"> 

<welcome— file— list> 
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< welcome- file> index. jsp</welcome- file> 
</welcome- file- list> 
</web - app> 


“<? xml version 一 "1.0" encoding 二 "UTF-8"? >” 是 头 声明 , 它 指出 使 用 的 XML 版 本 
并 给 出 文件 的 字符 编码 。DOCYTPE 声明 必须 立即 出 现在 此 头 声明 之 后 。 这 个 声明 告诉 
服务 器 适用 的 servlet 规范 的 版 本 ,并 指定 管理 此 文件 其 余部 分 内 容 的 语法 的 DTD 
(Document Type Definition, 文档 类 型 定义 )。 所 有 部 署 描述 符 文 件 的 顶层 ( 根 ) 元 素 为 
web-app。 而 


<welcome-file-list > 
<welcome-file> index. jsp</welcome-file> 
</welcome-file-list > 


则 设置 了 欢迎 页 面 index. jsp, 即 此 时 在 浏览 器 中 输入 的 访问 地 址 不 再 需要 输入 具体 的 资源 
文件 ,而 是 直接 访问 Web 应 用 名 称 即 可 (http://localhost:8080/Hello) ,此 时 Tomcat 会 自 
动 读 取 在 web. xml 文件 的 配置 信息 ,然后 在 浏览 器 中 显示 欢迎 页 面 index. jsp。 当 然 web. 
xml 还 有 其 他 配置 ,在 以 后 的 学 习 中 注意 总 结 积累 。 


ee 

在 Tomcat 的 运行 过 程 中 ,Tomcat 类 加 载 器 会 首先 加 载 classes 目录 下 的 class 文件 ， 
然后 再 加 载 lib 目录 下 的 类 。 需 要 注意 的 是 ,如 果 在 两 个 目录 下 存在 同名 的 类 ,那么 classes 
目录 下 的 类 具有 优先 权 。 

(3) 在 WebRoot 下 新 建 JSP 文件 HelloWorld.jsp, 如 图 1-31 所 示 。 


轿 Create a new JSP page. 


JSP Wizard 


File Path: /Hello/WebRoot 
File Name: Helloworldjsp 
Template to use: | Default JSP template 


图 1-31 创建 HelloWorld.jsp 页 面 
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(4) 双击 HelloWorld. jsp 打开 此 文件 ,如 图 1-32 所 示 。 


3 


<sB page language="java" import="java.util.+" pageEncoding="ISO-8859-1"#> : 
ec 

String parh = requesc.gecConcexcPach() 

String basePath = request.getScheme()+"://"trequest.getServerName ()+":"trequest .getServerPort ()+patht"/"; 

3> 


<!DOCTYPE HIML PUBLIC "-//W3C//DID HIML 4.01 Transitional//EN"> 
Schrml> 
S <head> 

<base href="cs-basePaths>"> 


<rirle>My JSP 'HelloWorld.jsp' starting Page</cicle> 
<mera http-equiv= ”pragma content="no-cache"> 

meta http-equiv="cache-control” content="no-cache"> 

<mera http-equiv= "expires" content="0"> 

<meta http-equive "keyvords" content= "keyvordl,keyvord2, keyvord3"> 


<meta http-equiv="description" content="This Is my page”> 


<link rel="stylesheer" type="text/caa" href="styles.css"> 


</head> 
<body> 
This is my JSP page. <br> 


</body> 
</heml> 


1-32 HelloWorld. jsp 代码 


(5) 修改 代码 ,图 1-33 为 HelloWorld. jsp 修改 后 的 代码 。 


3 
util.*" pageEncoding "UTF-8"> 


8 Page languages"java" imporcene 
ec 
Scring pach = requeac,gecContexrParhf): 
String basePath ~ request.gerscheme()+"://"trequest.getserverNane ()+":"+request.getServerPort ()+path+t"/"; 
"> 


<1DOCTYPE HTML PUE 
Schteml> 
© chead> 

cbase hret="cW-basepachy> "> 


C /WIC//DID ETML 4.01 Transitional//EN"> 


title My JSP ‘HelloWorld.Jsp' starting Page</5irley 


<mera http-equiv= "pragsa” content="no-cache"> 
mera http-equiv="cache-control” content="no-cache"> 
{meta hetp-equiv= "expires" content="0"> 
meta http-equiv "Keyvords" content= "keyvordi,keyvord?,keyvord3"> 
<merca http-equive "description" contente"This is my page"> 

dd 
<link Fe 
-> 


sxleahess" type-"text/cas" bref~"styles.csa"> 


</head> 


</hem> 


1-33 ”HelloWorld. jsp 修改 后 代码 


(6) 单 击 工具 条 中 的 3 ,Delply MyEclipse J2EE project to Server… 部 署 项 目 , 出 现 如 
1-34 所 示 的 界面 。 单 击 *Add” 按 钮 ,出 现 如 图 1-35 所 示 的 界面 。 

这 时 的 Server 是 MyEclipse 提供 的 Server,; 我 们 需要 自己 配置 , 单 击 “Edit server 
connectors” 选 择 条 。 结 果 如 图 1-36 所 示 。 

我 们 已 经 安装 了 Tomcat 7, 所 以 在 这 里 配置 Tomcat 7, 单 击 Tomcat 7. x。 


”1.5 Hello JSP 
图 Project Deployments 
Manage Deployments 
Deploy and undeploy J2EE projects. 
Project 2 
Deployments 
San Type Location [LL m4 |] 
[ Remove | 
Redeploy 
Browse 
| E 
Deployment Status 
图 Ce 


图 1-34 部 署 项 目 


贺 New Deployment 


New Deployment 
@ Select Application server for deployment 


Web project Hello 


Edit server connectors。 
@® Exploded Archive (development mode) © Packaged Archive (production mode) 


图 1-35 部 署 添加 项 目 


= 


Hello JSP 


Overview Use the following preferences to enable and configure the 
application servers you require. 


Note: The enable/disable opfion only controls the visibility 
of the server controls within the rest of the Ecipse 
maintained while servers are disabled 


PSun java System \ 
4 Tomeat 
> Tomeat 4x 
» Tomeat Sx 
> Tomeat 6x 
> Tomeat 7x 
b Weblogic 
» WebSphere 


1-36 配置 server 


在 图 1-37 中 ,Tomcat 7. x 选中 Enable 单 选 按钮 ,在 Tomcat home directory 后 单 击 
“Browser” 按 钮 。 选 择 安装 Tomcat 的 根 路 径 ,然后 单 击 “Apply” 按 钮 。 


Daprogram Feswpace sovare Browsema] | 
D:\Program FilesApache Software 


图 1-37 配置 Tomcat7. x 


接 下 来 选择 Tomcat 7.x 的 JDK, 如 图 1-38 所 示 。 


JDK Virual Machine must specify a full JDK installation. 
Specifying a JRE will result in an startup exception. 


Avoid use of the -cp, -dasspath or -Djava fibrary.path JVM options, 
configuration. 


Consult the Classpath page for proper path 


1-38 配置 Tomcat7 的 JDK 


单 击 “Add” 按 钮 ,选择 安装 JRE 的 根 路 径 , 如 图 1-39 所 示 , 然 后 单 击 “Finish” 按 钮 ， 
MyEclipse 中 的 Tomcat 配置 完毕 ,以 后 直接 使 用 即 可 , (在 同一 个 workspace 中 ) 无 需 再 次 
配置 。 


JRE Definition 
‖ Specify aributes for a JRE 


JRE home: 


JRE name: jre7 
| Defau VM Arguments: 
JRE system libraries: 
@ Di\Program FlesVavaNre7Wibvesourcesjar “| [add ea 
@ Di\program FilesUavaVre7\ib\tjar -- 
居 DAProgram FilesVavaVire7VibVssejar | Javadoc Location— | 
居 DAProgram FilesVavaVire7VibVicejar FT ] 
@ DAProgram FlesVavaire7yibvcharsetsjar 二 
天 DAProgram FilesVavavire7ibVfrjar 
@ Di\Program FilesUavaVre7\ib\ext\access-bridgej, 
加 Daprogram FilesyavaVire7VibvextNdnsnsjar 
加 DAprogram FlesVavaNire7VibvextWaccessjar 
加 Di\Program FilesVavaNre7Vibvextsunecjar 


图 1-39 配置 Tomcat7 JDK 
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重新 部 署 该 项 目 , 如 图 1-40 所 示 , 在 server 中 即 出 现 Tomcat 7. x( 刚 配置 好 的 ) ,选择 
Tomcat 7. x, 单 击 “Finish” 按 钮 ,完成 部 署 。 


New Deployment 
Create new project deployment for Hello 


WebProjec: Hello 
Server: [Temeat 7x 
Edit server connectors- 
Deploytype:  @ Exploded Archive (development mode) © Packaged Archive (production mode) 
Deploy Location: ‘\Program Files\Apache Software Foundation\Tomcat 7.0\webapps\Hello 


1-40 ”部 署 项 目 


(7) 好 了 ,现在 即 可 在 浏览 器 中 看 到 我 们 的 成 果 了 , 单 击 IE 浏览 器 ,在 地 址 栏 中 输入 
http://localhost:8080/Hello/HelloWorld. jsp,; 显 示 如 图 1-41 所 示 。 


http://localhost:8080/Hello/HelloWorldjsp P-Bcdcx 


Hello World!! Iam JSP!! 


图 1-41 HelloWorld. jsp 页 面 


1.6 上 机 练习 


1. 安装 JDK。 

需求 说 明 : 请 下 载 .安装 JDK ,并 配置 环境 变量 。 

实现 思路 : 参照 1.4. 1 节 。 

2. 安装 Tomcat。 

需求 说 明 : 请 下 载 .安装 Tomcat, 并 测试 安装 是 否 成 功 。 
实现 思路 : 参照 1.4.2 节 。 


3. 安装 MyEclipse。 

需求 说 明 : 请 下 载 .安装 MyEclipse。 

实现 思路 : 参照 1. 4.3 节 。 

4. 编写 你 的 第 一 个 JSP 页 面 Hello. jsp。 

需求 说 明 : 通过 前 3 个 上 机 练习 ,已 经 把 开发 JSP 的 环境 搭建 起 来 , 接 下 来 就 要 利用 
MyEclipse, 创 建 一 个 Web 项 目 , 编 写 Hello.jsp, 并 在 IE 浏览 器 中 显示 内 容 。 

实现 思路 : 参照 1. 5 节 。 


(1) 静态 网 页 是 指 纯粹 HTML 代码 格式 的 网 页 。 动 态 网 页 是 指 其 页 面 信息 可 以 根据 
需求 或 者 用 户 的 浏览 状况 ,实现 与 用 户 交 流 和 页 面 信息 自动 更 新 的 网 页 。 

(2) B/S 架构 统一 了 客户 端 ,将 系统 功能 实现 的 核心 部 分 集中 到 服务 器 上 ,通过 服务 器 
同 数据 库 服 务 器 进行 通信 ,简化 了 系统 的 开发 ,维护 和 使 用 。 

(3) URL(Uniform Resource Locator) 即 统一 资源 定位 符 , 也 称 为 网 页 地 址 ,是 互联 网 
上 标准 的 资源 地 址 。 

URL 的 组 成 部 分 如 下 : 

。 第 一 部 分 : 协议 ; 

。 第 二 部 分 : 主机 名 (有 时 包含 端口 号 ); 

。 第 三 部 分 : 路 径 。 

(4) 搭建 JSP 开发 环境 : 

。 安装 JDK; 

。 安装 Tomcat; 

。 安装 MyEclipse; 

。 运行 Web 项目 。 

(5) 开发 JSP 动态 网 站 的 步 又 如 下 : 

。 创建 一 个 Web 项 目 ; 

。 设计 Web 项 目的 目录 结构 ; 

。 编写 Web 项 目的 代码 ; 

。 部 署 Web 项 目 ; 

。 运行 Web 项目。 


1.8 作 业 
一 、 选 择 题 
1. 以 下 选项 中 ( ) 是 正确 的 URL。 
A. http://www. sina. com. cn B. www. baidu. com 
C. ftp:ftp. link. com D. yahoo. com. cn/news/index. html 
2. 在 静态 网 页 中 ,下 面 说 法 错误 的 是 (。 )。 
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A. 在 静态 网 页 中 可 以 插入 GIF 动画 图 片 B. 在 静态 网 页 中 可 以 插入 AVI 动画 
C. 在 静态 网 页 中 可 以 插入 Java 代码 片断 D. 在 静态 网 页 中 可 以 插入 Flash 动画 
3. 在 设计 Web 项 目的 目录 结构 时 ,一般 把 JSP 和 HTML 文件 放 在 ( 下 

A. src 目录 B. 文档 根 目录 或 其 子 文件 夹 

C. META-INF 目录 D. WEB-INF 目录 

4. 在 Web 项 目的 目录 结构 中 web. xml 文件 位 于 ( 5 

A. src 目录 中 B. 文档 根 目录 

C. META-INF 目录 D. WEB-INF 目录 

二 、 简 答题 


1. 什么 是 静态 网 页 ? 什么 是 动态 网 页 ?两 者 的 区 别 是 什么 ? 
2. 什么 是 B/S 模式 ? 
3. 如 何 配 置 JSP 开发 环境 ? 
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因 本 音 学 习 目标 


二 熟练 掌握 HTML 的 常用 标签 

< 熟练 使 用 HTML 设计 基本 网 页 
熟练 使 用 CSS 样式 的 三 种 方式 

< 理解 并 会 使 用 CSS 的 四 类 选择 器 
< 掌握 JavaScript 的 简单 应 用 


在 第 1 章 中 ,我 们 学 习 如 何 搭建 JSP 的 开发 运行 环境 ,并 且 创建 了 一 个 Web 项 目 。 接 
下 来 为 了 制作 JSP 网 页 ,还 需要 学 习 相关 网 页 的 基础 知识 ,HTML 十 CSS 十 JavaScript 是 制 
作 静 态 网 页 的 基本 模式 。 本 章 就 来 介绍 这 些 基 础 知识 。 


2.1 HTML 基础 


什么 是 HTML 呢 ? HTML(Hyper Text Markup Language) 被 称 为 超 文本 标签 语言 ， 
是 用 于 描述 网 页 文档 的 一 种 标记 语言 。 它 包含 很 多 标签 (例如 : <p > 段落 ,< hl > 标题 ) ,告诉 
浏览 器 如 何 显示 页 面 ,其 主要 特点 如 下 : 

(1) 简易 性 : 各 类 HTML 标签 简单 易学 .便于 制作 、 开 发 ; 

(2) 平台 无 关 性 : 这 是 HTML 语言 的 最 大 优点 , 它 包 括 “ 硬 件 " 平 台 无 关 性 和 “软件 ” 平 
台 无 关 性 , 即 不 论 是 普通 的 PC 机 ,还 是 专业 的 MAC, 操 作 系 统 不 论 是 Windows, 还 是 
Linux, HTML 文档 都 可 以 得 到 广泛 的 应 用 和 传输 。 

HTML 是 制作 静态 网 页 的 核心 ,JSP 的 开发 当然 离 不 开 HTML。 下 面 就 来 介绍 
HTML 文档 的 基本 结构 和 各 类 标签 的 用 法 。 


2.1.1 基本 结构 


如 图 2-1 所 示 ,HTML 的 基本 结构 分 为 两 部 分 : 头 部 分 和 主体 部 分 。 

其 中 < html>…</html>、< head >…</head >、< body >…</body > 都 是 标签 。 标 签 由 一 对 
尖 括 号 及 其 标签 符 组 成 ,没有 反 斜 杜 “/” 的 是 开始 标签 ,有 反 斜 杠 的 是 结束 标签 。 每 个 
HTML 文件 是 以 < html > 标签 开头 ,而 以 </html > 标签 结束 。 


PS 
( IO 第 2 章 静态 网 页 开发 基础 


</html> 
<head> 

<title> 我 的 第 一 个 网 页 </title> [一头 部 部 分 
</head> 


——HIML 


<body> 

Hello World!! [= 一 主体 部 分 
<body> 
</html> 


图 2-1 HTML 基本 结构 

/py 
个 B99 说 明 

< HTML 区 分 大 小 写 吗 ? 

在 HTML 4.0 及 以 前 的 版 本 中 , W3C 标准 是 不 区 分 大 小 写 的 ,但 是 在 HTML 5. 0 版 本 
后 ,W3C 明确 规定 ,标签 必须 用 小 写 格式 ,所 以 ,大 家 在 编写 HTML 时 尽量 养 成 小 写 习 惯 。 

制作 HTML 文件 有 很 多 的 专用 网 页 制作 工具 ,比如 Dreamweaver、FrontPage 等 。 那 
么 如 果 没 有 这 些 开 发 工具 ,我 们 用 Windows 操作 系统 自 带 的 记事 本 软件 也 可 以 编写 
HTML 网 页 。 但 不 管 使 用 哪个 编辑 工具 , HTML 网 页 最 后 都 要 保存 为 扩展 名 是 “html? 或 
者 “htm” 的 纯 文本 文件 。 现 在 我 们 就 来 用 记事 本 软件 编写 一 个 简单 的 HTML 网 页 。 

在 Windows 中 打开 记事 本 程序 。 

(1) 在 记事 本 中 输入 HTML 代码 ,如 图 2-2 所 示 ; 


司 无 标 厂 -记事 本 加 天 
EECEEOE ET 
<html> “^ 


<head> 
《title> 我 的 第 一 个 网 页 </title> 
/head> 


Hello World!! 


图 2-2 在 记事 本 中 编辑 HTML 


(2) 写 完 代码 后 保存 在 名 为 “hello. html” 的 文件 中 ; 
(3) Windows 自动 调用 浏览 器 软件 (IE) 打 开 HTML 文档 ,如 图 2-3 所 示 ,< title > 标签 
定义 文档 的 标题 , 即 浏览 器 工具 栏 中 显示 的 标题 。 


(JOBEmem -3B an 


Hello World!! 


2-3 我 的 第 一 个 网 页 


(2 
2.1 HTML 基 础 (2 


2.1.2 常用 标签 


这 里 只 介绍 几 个 常用 的 标签 ,其 他 的 标签 可 参考 静态 网 页 设计 的 相关 书籍 或 www. 
w3school. com. cn/html 网 站 。 
1. 文本 标签 
文本 标签 在 Web 页 面 中 被 用 来 设置 文本 内 容 的 布局 和 格式 , 表 2-1 列 出 的 是 常用 的 
HTML 文本 标签 。 
表 2-1 HTML 文本 标签 表 


开始 标签 结束 标签 含义 
<p> </p> 对 文本 进行 分 段 
<div> </div> 对 文本 进行 分 块 
<br/> 无 换行 ,开始 新 的 一 行 
<hr> 无 水 平 线 
<font> </font> 用 于 设置 文本 的 字体 和 颜色 
<b> </b> 粗 体 文本 
<i> </i> 斜体 文本 
<hl-h6 > </hl-h6 > 各 级 标题 


/x 
* HTML 文本 标签 演示 代码 
*/ 
<html> 
<head> 
<title> HTML 文本 标签 演示 代码 </title> 
</head> 
<body> 
< hl > 见 或 不 见 </hl > 
<hr size= "3" width= "50% "align = "center"> 
<h2 ><i> 你 见 ,或 者 不 见 我 </i></h2 > 
< h3 > 我 就 在 那里 </h3 > 
< h4 > 不 悲 不 喜 </h4 > 
<h5> 你 念 ,或 者 不 念 我 </h5 > 
< h6 > 情 就 在 那里 </h6 > 
<i> 不 来 不 去 </i> 
<br/> 
< font face = "隶书 "color = "red"> 你 爱 ,或 者 不 爱 我 </font > 
<b> 爱 就 在 那里 </b> 
不 增 不 减 <br/> 
<palign= "center"> 你 跟 , 或 者 不 跟 我 < br/> 我 的 手 就 在 你 手 里 < br/> 不 舍 不 弃 <br /><p> 
< div align = "right"> 来 我 的 怀 里 < br/> 或 者 < br/> 让 我 住 进 你 的 心里 < br/> 默 然 相爱 <br/> 寂 
静 欢喜 </div> 
</body> 
</html > 
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在 有 的 标签 中 还 可 以 加 一 些 属性 参数 ,例如 < hr size 一 "3” width 一 "50% ”align 一 
"center">, 指 的 是 画 一 条 高 度 为 “3”, 宽 度 为 页 面 “50%”, 居 中 对 齐 的 线 ,size .width ,align 为 
标签 < hr > 的 属性 ,"3"、"50%"”、"center" 为 属性 对 应 的 属性 值 ; < font face 王 "隶书 "color 一 
"red">, 要 求 字体 为 隶书” ,颜色 为 红色 的 。 标 签 也 可 以 嵌 套 使 用 ,例如 < h2> <i> 你 见 , 或 者 
不 见 我 </i> </h2 >, 就 把 <h2 > 与 <i> 嵌 套 使 用 ,使 得 嵌 套 内 的 字 既 是 标题 二 又 是 斜体 的 ,这 
里 要 注意 艇 套 标签 的 结束 顺序 。 有 的 标签 带 自动 换行 功能 (例如 <hl-6>.<p> 等 ), 有 的 则 不 
带 (例如 < font>\<i> 等 )。 此 示例 的 效果 如 图 2-4 所 示 。 


(JOP 7- TT 
见 或 不 见 


从 包 ， 或 坷 不 包 起 
我 就 在 那里 


不 翡 不 喜 
你 念 ， 或 者 不 念 我 


便民 在 于 时 


不 疾 不 去 
你 受 ， 戒 者 不 受用 爱 就 在 那里 不 增 不 减 


你 银 ， 或 者 不 跟 我 
我 的 手 就 在 你 手 里 
不 全 不 弃 
来 我 的 怀 里 
让 我 住 进 你 的 心里 
默然 相 受 
农 售 欢 吝 


图 2-4 示例 2-1 的 效果 图 
2. 列表 标签 
列表 标签 被 用 来 将 Web 内 容 组 织 成 为 未 排序 列表 、 排 序列 表 、 自 定义 列表 。 表 2-2 列 
出 了 常用 的 HTML 列表 标签 。 
表 2-2 HTML 列表 标签 表 


开始 标签 结束 标签 会 苏 
<ul> </ul> 未 排序 (符号 ?列表 
<ol> </ol> 排序 (编号 ) 列 表 
<li> </li> 列表 中 的 项 目 


/x 
* HTML 列表 标签 演示 代码 
*/ 


2.1 HTML 基 础 ( 


<html> 
<head> 
<title> HTML 嵌 套 列表 标签 演示 代码 </title> 
</head> 
<body> 
<h4> 一 个 谋 套 列表 : </h4> 
<ol type="1" start= "2"> 
<1i> 咖 啡 </1i> 
<1i> 茶 
<ul type= "circle"> 
<1i> 红 茶 </1i> 
<1i> 绿 茶 </1i> 
</ul> 
</li> 
<1i> 牛 奶 </1i> 
</ol> 
</body> 
</html > 


未 排序 列表 标签 < ul > 常用 的 属性 参数 : type 设 定 的 符号 样式 (可 选 值 : disc,circle( 默 
认 ) ,square, 分 别 对 应 于 实心 圆 、 空心 圆 和 正方 形 )。 排 序列 表 标 签 < ol > 常用 的 属性 参数 ， 
type 设 定编 号 的 样式 (可 选 值 : 1( 默 认 值 ),a,A,I,i, 分 别 对 应 于 正 整 数 . 小 写 英 文字 母 ,大 
写 英文 字母 .大写 罗马 数字 .小写 罗马 数字 ) ,start 设 定 开始 的 编号 。 当 然 列 表 标 签 也 可 以 
艇 套 使 用 。 效 果 如 图 2-5 所 示 。 


己 | 回 | 到 


咎 ] EN 列表 标 竺 htm| -CX 


图 2-5 示例 2-2 的 效果 图 


3. 表格 标签 
表格 标签 可 以 用 来 以 表格 的 方式 组 织 需要 显示 的 内 容 。 表 2-3 列 出 常用 的 HTML 表 
格 标签 。 


表 2-3 HTML 表格 标签 表 


开始 标签 结束 标签 含义 
<table> </table> 表格 
<tr> </tr> 表格 中 的 行 
<td> </td> 表格 中 的 单元 格 


saN 
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区 
续 表 
开始 标签 结束 标签 含义 
< 也 > </th> 表 头 
< caption> </caption> 表格 标题 


民 示例 2-8> 


/x x 


*/ 
<html> 
<head> 


</head> 


<body> 


<tr> 


</tr> 


</tr> 
E> 


</tr> 
<tr> 


</tr> 
</table> 
</body> 
</html > 


* HTML 表格 标签 演示 代码 


<title > HTML 表格 标签 演示 代码 </title> 


<table width = "200" border = "1" cellpadding = "2" cellspacing = "3"> 
<caption> 商 品 信息 </caption> 


<th> 商 品名 称 </th> 
<th> 数 量 </th> 
<th> 备 注 </th> 


<tr align = "right" bgcolor = "#33FFFF"> 
< td> 雨 全 </td> 
<td>100</td> 
<td rowspan = "2"> 合 并 列 </td> 


<td align = "center" valign = "middle"> 皮 鞋 </td> 
<td>200</td> 


<td colspan = "3"> 合 并 行 </td> 


(1) 表格 标签 < table > 常用 的 属性 参数 

width ” 设 定 表格 宽度 ,接受 绝对 值 ( 如 80, 单 位 是 像素 ) 及 相对 值 (如 80% ,整个 
HTML 页 面 宽度 的 80%); 

border 设 定单 元 格 边线 的 宽度 ,以 像素 为 单位 。 包 括 每 个 单元 格 的 边线 以 及 整个 表 


格 的 边界 线 。border 


属性 默认 为 0, 在 这 种 情况 下 表格 线 将 被 隐藏 起 来 ; 


cellspacing 用 于 设置 表格 的 单元 格 之 间 的 距离 ,单位 为 像素 ,默认 值 为 2px; 
cellpadding 用 于 设置 单元 格 内 容 与 边线 之 间 的 距离 ,单位 为 像素 ,默认 值 为 2px; 
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align 用 于 设置 表格 摆 放 的 水 平 位 置 (可 选 值 为 left,center 和 right, 即 左 对 齐 、 居 中 和 
右 对 齐 ,默认 为 left); 

valign 用 于 设置 表格 摆 放 的 垂直 位 置 (可 选 值 为 : top,center 和 bottom, 即 上 对 齐 、 居 
中 和 下 对 齐 ,默认 为 center); 

background 用 于 设 定 表 格 的 背景 图 片 ,属性 值 为 指向 一 幅 图 片 的 VRL 值 ; 

bgcolor 设 定 表格 的 背景 颜色 (与 background 不 能 同 用 ); 

bordercolor 设 定 表格 的 边框 颜色 。 

(2) 表格 行 标签 < tr > 常用 的 属性 参数 

align 设 定 表格 一 行内 文字 ,图 等 摆 放 的 水 平 位 置 (可 选 值 为 : left,right 和 center) , 默 
认 值 为 letf; 

valign 设 定 表格 一 行内 文字 ,图 等 摆 放 的 垂直 位 置 (可 选 值 为 : top, middle 和 
bottom) ,默认 值 为 middle; 

bgcolor 设 定 表格 一 行 的 背景 颜色 。 

(3) 表格 单元 格 标签 < td >, 常 用 属性 参数 

width 设 定单 元 格 的 宽度 ,接受 绝对 值 及 相对 值 ; 

height 设 定单 元 格 的 高 度 ; 

colspan 设 定 水 平 跨越 的 单元 格 数 , 默 认 值 为 1; 

rowspan 设 定 垂直 跨越 的 单元 格 数 ,默认 值 为 1; 

align 设 定 该 单元 格 内 文字 图 等 摆 放 的 水 平 位 置 (可 选 值 为 : left,center 和 right) , 默 
认 值 为 left; 

valign 设 定 该 单元 格 内 文字 、 图 等 摆 放 的 垂直 位 置 ( 可 选 值 为 : top, middle 和 
bottom) ,默认 值 为 middle; 

bgcolor 设 定 该 单元 格 的 背景 颜色 。 

(4) 表 头 标签 < th > 

作用 与 < td > 相近 ,表示 一 个 单元 格 , 不 同 的 是 <th> |( jC) 人 Esmenm -ox 
表示 单元 格 中 的 文字 以 粗 体 出 现 。 

(5) 表格 标题 标签 < caption > 

为 表格 定义 一 个 标题 行 ,用 于 存放 该 表格 的 标题 。 i 
常用 的 属性 参数 : | 友 蒜 ”|200 

align 设 定 标题 相对 于 表格 的 水 平 位 置 (可 选 值 || 合 # 行 
为 : left,center 和 right) ,默认 值 为 left; 

valign 设 定 标题 相对 于 表格 的 垂直 位 置 ( 可 选 值 图 2-6 示例 2-3 的 效果 图 
为 : top,middle 和 bottom) ,默认 值 为 middle。 

示例 2-3 的 效果 如 图 2-6 所 示 。 

4. 表单 标签 

HTML 页 面 上 的 表单 标签 用 于 向 用 户 提 供 一 些 图 像 控 件 , 例 如 单行 文本 框 、 多 行文 本 
框 、 密 码 框 ,目的 是 让 用 户 输入 数据 ,并 将 用 户 输 入 的 数据 进行 提交 。 表 2-4 是 常用 的 
HTML 表单 标签 。 


商品 信息 
| 商品 名 称 | 数量 | 备注 
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表 2-4 HTML 表单 标签 表 


开始 标签 结束 标签 含 芝 
< form > </form> 表单 
<input> </input> 表单 中 的 输入 标签 
<select> </select> 表单 中 的 选择 列表 标签 
<option> </option> 表单 中 的 选择 列表 项 标签 
< textarea > </textarea > 可 滚动 的 多 行文 本 框 标签 
示例 2 一 4 
/%¥ 
* HTML 表单 标签 演示 代码 
*/ 
<html> 
<head> 
<title> HTML 文本 标签 演示 代码 </title> 
</head> 
<body> 


< form action = "”method = "post" name = "myForm"> 
<p> 姓 名 : < input type = "text" name = "name" /></p> 
<p> 密 码 : < input type = "password" name = "password" /></p> 
<p> 爱 好 : 看 书 < input type = "checkbox" name = "book"> 听 音乐 : < input type = "checkbox" name 
= "music"></p> 
<p> 性 别 : 男 < input type = "radio" checked = "checked" name = "Sex" value = "male" /> 女 < input| 
type = "radio" name = "Sex" value = "female" /></p> 
<p> 所 在 地 : < select name = "place"> 
<option value = "shandong"> 山 东 </option> 
< option value = "hunan" selected = "selected"> 湖 南 </option> 
< option value = "hebei"> 河 北 </option> 
</select ></p> 
<p> 个 人 简介 : 
< textarea name = "textarea" cols= "20" rows = "5"> 
这 是 一 个 害 着 的 人 ! 没 有 介绍 自己 啊 . 
</textarea> 
</p> 
< input type = "submit"” value = "提交 " />< input type = "reset" value = " 重 填 " /> 
</form> 
</body> 
</html > 


(1) 表单 标签 < form > 常用 属性 参数 : 

name ”指定 表单 的 名 字 ; 

action 指定 处 理 表单 中 数据 的 应 用 程序 (本 书 中 是 JSP 或 Servlet) 的 位 置 ; 

method 指定 传输 表单 数据 的 方式 (可 选 值 为 :post 和 get) 。 

(2) 输入 标签 <input > 常用 属性 参数 : 

由 于 输入 标签 的 属性 参数 type 有 很 多 选择 ,不同 的 选择 表示 不 同 的 输入 方式 。 例 如 : 


f= 
2.1 HTML 基 础 (3 


text( 单 行文 本 框 ),radio( 单 选 框 ) ,checkbox( 复 选 框 ),password( 密 码 框 ), submit/ reset 
(提交 按钮 /清除 按钮 ) ,file( 文 件 域 ) ,hidden( 隐 藏 域 ) ,button( 普 通 按钮 )。 不 同 的 选择 表 
示 不 同 的 输入 方式 , 且 其 他 属性 参数 亦 因此 而 异 。 各 种 输入 方式 详细 的 属性 参数 设 定 在 接 
下 来 的 5 小 节 将 详细 介绍 。 

(3) 选择 列表 标签 < select >, 用 来 表示 表单 中 的 选择 列表 与 < option > 一 起 使 用 ,常用 属 
性 参数 : 

name ” 设 定 选 择 列表 的 名 称 , 供 应 用 程序 做 识别 之 用 ; 

multiple 设 定 选择 列表 是 否 允 许 有 多 重 选择 。 

(4) 选项 标签 < option >, 用 来 表示 选择 列 的 选项 ,常用 属性 参数 : 

value 设 定 该 选项 的 值 ; 

selected ” 设 定 该 选项 被 选中 。 

(5) 多 行文 本 标签 < textarea > 常用 属性 参数 : 

name 设 定 多 行文 本 控件 的 名 称 , 供 应 用 程序 做 识别 之 用 ; 

cols 设 定 多 行文 本 字段 的 宽度 , 即 每 行 能 容纳 多 少 个 英文 字符 ; 

rows 设 定 多 行文 本 字段 的 高 度 , 即 显示 多 少 行 。 

示例 2-4 的 效果 如 图 2-7 所 示 。 


(Ds DOX em 


姓名 ， amin 

密码 : see。 

爱好 : 看 书 回 听 音乐 ， 回 
性 别 ， 男 @ 女 目 

所 在 地 ， 湖南 ~ 


这 是 一 个 害 
要 的 人 ! 没有 介绍 和 目 
个 人 简介 ， = 


EE 


图 2-7 示例 2-4 的 效果 图 


5. < input > 标签 详解 

<input> 的 属性 参数 type 有 很 多 的 选择 : text, radio, checkbox, password, submit/ 
reset,file,hidden,button。 不 同 的 选择 表示 不 同 的 输入 方式 , 且 其 他 属性 参数 亦 因此 而 异 。 
下 面 将 详细 介绍 各 种 输入 方式 及 其 属性 参数 设 定 。 

(1) 单行 文本 框 ( text) 。 

例如 : < input type 二 "text" name 一 
" middle" size = " 10" maxlength =" 255" > 


。 type 一 "text" : 输入 方式 为 Text, 能 产生 一 个 单行 文本 框 ; maxlength 一 "255" 表 示 


"userName" value = "zhangsan" align = 


EN 
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用 户 最 多 能 输入 255 个 英文 字符 。 
。 name 一 "userName ": 设 定 该 文本 框 的 名 称 。 这 是 最 重要 的 一 个 ,应 用 程序 就 是 通 
过 这 个 名 称 来 辨认 表单 信息 。 
value 一 "zhangsan " : 设 定 该 文本 框 的 默认 值 。 若 不 填 , 则 文本 框 是 空白 的 ,等 待 用 
户 输入 ; 若 像 例子 中 那样 设 定 value 二 "zhangsan", 则 text 便 会 出 现在 文本 框 中 。 
用 户 可 以 修改 。 
align 一 "middle " : 设 定 文本 框 放置 的 位 置 。 可 选 值 为 : top,middle,buttom ,left， 
right,texttop,baseline,absmiddle。 
size 一 "10": 设 定 文本 框 显示 的 长 度 。 
maxlength 一 "255": 设 定 文本 框 允许 输入 英文 字符 数 的 上 限 。 为 方便 编排 资料 或 
避免 错误 输入 , 宜 设 定 上 限 ,例如 电话 可 设 定 为 11 位 (包括 区 号 ) ,年 龄 可 设 为 2 等 。 
(2) 密码 框 (password)。 
例如 : < input type 一 "password" name 一 "password" value 一 " 123456" align 一 
"middle" size= "10" maxlength= "20 "> 
。 type 一 “password" : 输入 方式 为 password, 能 产生 一 个 密码 框 ,上 限 为 255 个 英文 
字符 。 
。 name、value ,align、size、maxlength 属性 的 设置 与 text 的 属性 设置 相同 。 
(3) 隐藏 域 (hidden) 。 
例如 :<input type 一 "hidden" name 一 "hidden" value 一 "hidden"> 
。 type 二 "hidden”: 输入 方式 为 隐藏 域 , 它 不 会 在 页 面 上 显示 任何 信息 ,但 其 值 会 随 
表单 一 起 传 给 处 理 表单 的 应 用 程序 。 
。 name 二 "hidden ”: 设 定 隐 藏 域 的 名 称 ,供应 用 程序 识别 。 
。 value 二 "hidden": 设 定 隐 藏 域 的 值 。 该 值 在 提交 表单 时 会 与 表单 数据 一 起 传 给 应 
用 程序 。 
(4) 文件 域 (file) 。 


例如 :<input type 一 "file" name 一 "file" align 一 ”buttom"” size = "20" maxlength 一 " 


100" accept= "text/html "> 

。 type 王 "file": 输入 方式 为 file, 产 生 一 个 文件 域 。 

。 name 一 "file" : 文件 域 的 名 称 , 供 应 用 程序 识别 。 
align 一 “bottom": 设 定 文件 域 摆 放 的 位 置 。 可 选 值 为 : top,middle,buttom, left， 
right, texttop, baseline,absmiddle。 
size 一 "20": 设 定 文本 框 的 显示 长 度 。 
maxlength 一 "100": 设 定 文本 框 可 以 输入 字符 数 的 上 限 。 

。 accept 一 "text/html ": 设 定 文件 域 所 接受 的 文件 类 别 。 

(5) 单 选 按钮 (radio) 。 

例如 : <input type 一 “radio”name 一 “radio”value 一 “radio” align = "middle" 
checked >。 

。 type 一 "radio" : 输入 方式 为 radio, 能 产生 一 个 单 选 按钮 。 

。 value 一 "radio" : 设 定单 选 按钮 的 默认 值 。 每 个 单 选 按钮 必须 有 且 仅 有 一 个 value， 
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通常 有 同时 采用 两 个 或 两 个 以 上 同 name. 而 不 同 value 的 radio 输入 方式 ,让 用 户 
任 选 其 一 ,这 样 它们 就 组 成 了 一 个 单 选 按钮 组 。 
。 name ,align 属性 的 设置 与 text 的 属性 设置 相同 。 
。 checked: 设 定 该 单 选 按钮 为 默认 被 选中 。 同 name 的 各 个 单 选 按钮 中 只 能 有 一 个 
使 用 或 全 部 不 使 用 这 个 属性 参数 。 


(6) 复 选 框 (checkbox)。 
例如 : < input type 一 "checkbox"”name 一 " 


"left" checked >。 


checkbox" value=" checkbox" align= 


。 type 二 "checkbox ": 输入 方式 为 checkbox, 能 产生 一 个 复 选 框 。 
。 value 一 “checkbox ”: 每 个 复 选 框 必须 有 且 仅 有 一 个 value, 当 选中 时 ,这 个 值 便 会 
传递 给 处 理 表 数 据 的 应 用 程序 。 


性 参数 。 


name valign 属性 的 设置 与 text 的 属性 设置 相同 。 
checked: 设 定 该 复 选 框 为 默认 被 选中 。 同 name 的 各 个 复 选 框 都 可 以 使 用 这 个 属 


(7) 提交 按钮 (submit) 和 清除 按钮 ( reset) 。 
例如 :< input type 一 “submit" value 一 "提交 "align 一 "middle">。 


<input type 一 "reset" value 一 "清除 " align 王 “middle">。 


键 上 。 


align= "middle": 


(8) 普通 按钮 (button)。 


设 定 按钮 放置 的 位 置 。 


例如 :<input type 一 "button" value 一 "button">。 


。 type 二 "button": 输入 方式 为 普通 按钮 ,通常 需要 Javascript 来 辅助 提交 表单 中 的 


数据 。 


。 value 属性 的 设置 与 submit 的 属性 设置 相同 。 


6. 其 他 常用 标签 


type 一 ”submit "或 type 一 “reset" : 输入 方式 为 submit 或 reset, 能 产生 一 个 提交 按 
钮 或 清除 按钮 。 
value 二 "确定 "或 value= "清除 ": 这 个 值 不 是 提交 给 应 用 程序 的 ,而 是 显示 在 按 


除了 以 上 介绍 的 标签 外 ,还 有 一 些 常 用 的 标签 。 表 2-5 是 常用 的 HTML 标签 。 


表 2-5 HTML 常用 标签 表 


2 \ 


D> 


开始 标签 结束 标签 会 ”说 
<img> 无 图 像 标签 
<a> </a> 超 链接 标签 
<meta> </meta> Web 页 的 其 他 信息 
<style> </style> 样式 标签 
<link/> 无 链接 到 外 部 文件 
< frameset> </frameset > 一 组 框架 
<frame> </frame> 一 组 框架 中 的 一 个 框架 
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其 中 ,各 标签 的 具体 含义 如 下 : 

(1) <img> 图 像 标签 ,常用 属性 参数 

src 设 定 图 片 的 来 源 , 接 受 . gif,. jpg,. png 格式 。 如 果 图 片 与 该 HTML 文件 处 在 同 
一 目录 , 则 只 填写 文件 名 称 ,否则 必须 加 上 正确 的 路 径 ,相对 路 径 或 绝对 路 径 缘 可 。 

width 设 定 图 片 的 宽度 ,一般 采用 像素 作为 单位 。 

height 设 定 图 片 的 高 度 ,一 般 采 用 像素 作为 单位 。 

border 设 定 图 片 边框 的 厚度 。 

align ”旁边 文字 的 位 置 (可 选 值 为 : top,middle,bottom( 默 认 值 ) ,left,right) 。 

alt 若是 使 用 文字 浏览 器 , 巾 于 不 支持 图 片 , 这 些 文字 会 代替 图 片 被 显示 。 若 浏览 器 
支持 图 片 显示 , 当 鼠 标 移 至 图 片上 这 些 文字 也 会 显示 。 

(2) 超 链 接 标 签 <a>, 常 用 属性 参数 

href 设 定 该 链接 所 要 连 到 的 资源 文件 名 称 , 若 该 文件 与 此 HTML 文件 不 是 同一 目 
录 , 加 上 适当 的 路 径 , 相 对 绝对 皆 可 。 

target ” 设 定 被 按 下 后 结果 所 要 显示 的 视窗 (可 选 值 为 : _blank，parent，self( 默 认 
值 ),_ top, framename) , 即 在 新 窗口 中 ,打开 被 链接 文档 ,在 父 框架 中 打开 被 链接 文档 ,在 
被 点 击 时 的 同一 框架 中 打开 被 链接 文档 ,在 窗口 主体 中 打开 被 链接 文档 ,在 指定 页 框 链接 
文档 。 

(3) 页 面 信息 标签 < meta >, 常 用 属性 参数 

name ”指定 待 设 定 的 属性 名 称 ; 

content 设 定 文档 的 内 容 类 型 ,HTML 是 "text/html"; 

http- equiv 指定 待 设 定 的 HTTP 报头 名 称 。 

(4) 样式 标签 < style > 用 于 指定 样式 文件 的 位 置 。 

(5) 连接 标签 < link > 用 来 将 当前 文件 与 其 他 URL 进行 链接 ,但 不 会 有 链接 按钮 ,用 在 < 
head > 标签 间 。 

(6) 框架 组 标签 < frameset > 表示 一 个 框架 组 ,常用 属性 参数 

cols 用 框架 垂直 分 割 页 面 (即将 页 面 左右 分 开 ); 

rows 用 框架 水 平分 割 页 面 (即将 页 面 上 下 分 开 )， 

frameborder 设 定 框架 的 边框 ,其 值 只 有 0 和 1,0 表示 不 要 边框 ,1 表示 要 显示 边框 ; 

border 设 定 框架 的 边框 厚度 ,以 像素 为 单位 ; 

bordercolor 设 定 框架 的 边框 颜色 ; 

framespacing 设 定 框 架 之 间 保 留 的 空白 距离 。 

(7) 框架 标签 < frame >, 表 示 框 架 组 中 的 单个 框架 。 

src 设 定 在 框架 中 显示 的 文档 的 位 置 。 如 果 显 示 的 文档 与 该 HTML 文件 处 在 同一 目 


录 , 则 只 填写 文件 名 称 ,否则 必须 加 上 正确 的 路 径 , 相 对 路 径 或 绝对 路 径 皆 可 。 
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/x 
* HTML 框架 标签 演示 代码 
*/ 


< html > 
< frameset rows="40%,60%" cols="*"> 
< frame src = "top. html"> 
< frameset cols="25% ,75% "> 
< frame src = "left. html"> 
< frame name = "right_frame" src = "right. html"> 
</frameset> 
</frameset > 
</html > 


/x 
* top. html 

*/ 

<html> 

<head> 

<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<title> img</title> 

</head> 

<body> 

< img src = "top. jpg" width = "800" height = "200" alt = "温暖 的 雪 夜 "” /> 
</body> 

</html > 


/x 
x* left. html 

*/ 

<html> 

<head> 

<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<title> img</title> 

</head> 

<body> 

<a href = "right. jpg" target = "right_frame"> 在 右面 窗口 显示 图 片 </a> 

</body> 

</html > 


/x 
x* right. html 
*/ 
<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<title> img</title> 
</head> 
<body> 
我 是 右面 窗口 , 哮 嘻 嘻 
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</body> 
</html > 


示例 2-5 的 效果 分 别 如 图 2-8、 图 2-9 所 示 。 


我 是 右面 窗口 ， 嘻 嘻 嘻 


图 2-8 示例 2-5 的 效果 图 


图 2-9 单 击 “ 在 右面 窗口 显示 图 片 ”后 效果 图 


2.2 CSS 样 式 表 ( 


2.2 CSS 样式 表 


CSS(Cascading Style Sheets) 是 级 联 样式 表 或 层 释 样 式 表 的 简称 ,用 来 控制 页 面 元 素 
的 字体 、 字 号 色彩, 背景、 间距 以 及 大 小 、 位 置 等 格式 属性 ,从 而 制作 出 丰富 多 彩 的 网 页 效 
果 。 使 用 CSS 样式 表 控 制 页 面 的 显示 效果 ,可 使 网 站 的 页 面 维持 统一 风格 。 

DIV 十 CSS 页 面 布局 模式 是 W3C 标准 的 一 个 典型 应 用 ,也 是 目前 主流 页 面 的 布局 
模式 。 


/pe 
B99 说 明 
一 般 的 页 面 布局 方式 : 表格 布局 (使 用 表格 实现 页 面 的 整体 布局 )、DIV 十 CSS 页 面 
布局 。 
使 用 谋 套 的 表格 布局 ,HTML 层次 结构 复杂 ,代码 量 非常 大 ,但 是 表格 布局 结构 具有 相 
对 稳定 .简单 通用 的 优点 ,所 以 表格 数据 一 般 适 用 于 页 面 中 数据 规整 的 局 部 布局 ,而 页 面 整 
体 布局 一 般 采 用 DIV 十 CSS 页 面 布局 模式 。 


2.2.1 在 网 页 中 使 用 CSS 的 三 种 方式 


按照 CSS 代码 在 网 页 文件 中 出 现 的 不 同位 置 ,可 以 将 CSS 划分 为 行内 样式 .嵌入 样式 
和 外 部 样式 3 种 方式 。 

1. 行内 样式 

又 称 为 内 嵌 样 式 ,通过 设 定 HTML 标签 的 style 属性 值 ,嵌入 CSS 代码 。 例 如 : 


<p style = "color:redi "> hello</p> 


2. 骨 入 样式 

在 页 面 的 头 部 使 用 < style > </style > 标签 嵌入 CSS 代码 

3. 外 部 样式 

将 CSS 代码 编写 在 一 个 独立 的 文件 中 ,该 文件 的 后 级 名 是 . css, 在 页 面 中 使 用 < link > 标 
签 或 < style >…</style > 标签 来 指明 所 需 使 用 的 样式 文件 。 例 如 CSS 文件 名 为 mySytle. css， 
那么 在 页 面 中 引入 该 样式 的 代码 为 

< link rel = "stylesheet" href = "myStyle.css" style= "text/css"/> 
或 者 

< style type = "text/css"> 

@ import url(myStyle. css); 

</style> 

这 种 形式 使 用 最 为 普遍 ,便于 多 个 页 面 保持 统一 风格 。 
2.2.2 CSS 选择 器 


CSS 通过 为 指定 的 元 素 定义 样式 来 达到 样式 控制 的 目的 ,定义 CSS 样式 的 格式 为 
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选择 器 { 
属性 名 称 1: 属性 值 1; 
属性 名 称 2: 属性 值 2; 


选择 器 指明 样式 影响 到 页 面 上 哪些 HTML 元 素 ,基本 的 选择 器 有 4 种 : 

1. 标签 选择 器 

通过 HTML 的 标签 名 称 来 指定 样式 。 例 如 ,CSS 代码 P{color: red;} 表 示 将 所 有 的 
<p> 标 签 中 的 文字 设置 为 红色 。 

2. id 选择 器 

若 为 页 面 的 一 个 元 素 指定 了 id, 则 可 以 通过 id 单独 为 其 定义 CSS 样式 ,一 般 来 说 ,元 素 
的 id 在 整个 页 面 中 应 该 是 唯一 的 ,通过 id 定义 的 CSS 的 语法 格式 如 下 : 

#id 名 称 { 


属性 名 称 1: 属性 值 1; 
属性 名 称 2: 属性 值 2; 


} 


注意 id 名 称 前 应 加 上 前 级 “ #”. 

3. 类 选择 器 

若 页 面 上 的 多 个 元 素 要 使 用 相同 的 样式 , 则 可 以 通过 class 属性 为 这 些 元 素 指定 相同 的 
类 名 ,然后 为 该 类 定义 一 组 样式 。 

.class 选择 器 名 称 { 


属性 名 称 1: 属性 值 1; 
属性 名 称 2: 属性 值 2; 


) 
注意 类 选择 器 名 称 前 应 加 上 前 组 “. ”。 
4. 伪 类 选择 器 
伪 类 是 特殊 的 类 ,能 自动 地 被 支持 CSS 的 浏览 器 所 识别 。 伪 类 可 区 别 标记 的 不 同 状 
态 。 伪 类 不 用 HTML 的 class 属性 来 指定 。 伪 类 的 定义 格式 如 下 : 
选择 器 : 伪 类 { 
属性 名 称 1: 属性 值 1; 
} 
伪 类 的 一 个 最 常见 的 应 用 是 指定 超 链接 <a > 以 不 同 的 方式 显示 链接 (links) .悬浮 链接 
(hover) \ 已 访问 链接 (visited) 和 可 激活 链接 (active)。 


/x 

* CSS 样式 演示 代码 
*/ 

<html> 


2.2 CSS 样 式 表 


2 


/A 


~ 


<head> 
<title> CSS 样式 </title> 
<style> 
af 
font - style: italic; 
font — size: 24px; 
} 
a:hover { 
font - size: 26px; 
font — style: normal; 
text - decoration: underline; 


} 
p{ 
font — size: 12px; 
} 
#today{ 


color:blue; 
background - color: # FFCCFF; 
font - family: 隶 书 ; 
font — size:24px; 
} 
.now{ 
font ~ size: 28px; 
} 
</style> 
</head> 
<body> 
<p style = "color:red; font - size:16px; "> 你 所 浪费 的 今天 ,</p> 
<div id = "today"> 是 昨天 死去 的 人 奢望 的 明天 ; </div> 
<p class = "now"> 你 所 厌恶 的 现在 ,</p> 
<p><a href =" 井 "> 是 未 来 的 你 回 不 去 的 曾经 .</a></p> 
</body> 


示例 2-6 的 显示 效果 如 图 2-10 所 示 。 


忆 ] EACSSR—html PD- OX 


你 所 浪费 的 今天 ， 
是 昨天 死去 的 人 奢望 的 明天 ; 


你 所 厌恶 的 现在 ， 


奶 天 天 的 徐 回 不 去 扒 凡 经 。 


图 2-10 示例 2-6 的 效果 图 


示例 2-6 中 使 用 了 样式 的 两 种 方式 “< p style 王 "color:red; font-size:16px; "> 所 浪费 的 


Na 
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今天 ,</p> ”为 行内 样式 ;“< style > a{…})…</style>” 为 租 入 样式 。 

在 此 示例 中 4 种 选择 器 全 部 用 到 ,我 们 来 分 析 一 下 ,“< style>a{…}p{…)…</style>” 为 
<a><p> 的 标签 选择 器 ;“< style ># today{…) … </style >” 为 id 选择 器 ,该 样式 应 用 在 
“<divid 二 "today"> 是 昨天 死去 的 人 奢望 的 明天 ; </div >”; “< style > . now { …} … 
</style >” 为 类 选择 器 ,样式 应 用 在 “<p class 二 "now"> 你 所 厌恶 的 现在 ,</p >”; “< style > a: 
hover {…)…</style >” 为 伪 类 选择 器 ,样式 应 用 在 “<p> <a href 二 "# "> 是 未 来 的 你 回 不 去 的 
曾经 。</a> <p>”; 当 鼠 标 悬 浮 在 链接 上 时 ,效果 如 图 2-11 所 示 。 

I] 


(Bec Pp- ox [@ csspsst 
你 所 浪费 的 今天 ， 

是 昨天 死去 的 人 奢望 的 明天 ; 

你 所 厌恶 的 现在 ， 

是 未 来 的 你 回 不 去 的 曾经 。 


桩 


2-11 示例 2-6 的 a:hover 效果 图 


需要 说 明 的 是 ,如 果 是 标签 嵌 套 , 则 应 用 最 里 层 的 样式 。 由 示例 2-6 看 到 ,样式 嵌 套 在 
文件 中 ,使 得 文件 条 理 不 清晰 ,因此 我 们 可 以 采用 外 部 样式 表 , 如 示例 2-7。 


* HTML 应 用 外 部 样式 表演 示 代 码 
*/ 
<html> 
<head> 
<title> CSS 样式 </title> 
< link rel = "stylesheet" href = "myStyle.css" style = "text/css"/> 
</head> 
<body> 
<p class = "first"> 你 所 浪费 的 今天 ,</p> 
<div id= "today"> 是 昨天 死去 的 人 奢望 的 明天 ; </div> 
<p class = "now"> 你 所 厌恶 的 现在 ,</p> 
<p><a href ="#"> 是 未 来 的 你 回 不 去 的 曾经 .</a><p> 
</body> 
</html> 


pS 
x* CSS 样式 文件 myStyle. css 
x 

/ 


af 


2.3 _ JavaScript 简介 《 


font - style: italic; 
font - size: 24px; 
} 
a:hover { 
font — size: 26px; 
font — style: normal; 
text - decoration: underline; 


} 


p{ 
font — size: 12px; 

} 

#today{ 
color:blue; 
background — color: # FFCCFF; 
font - family: 隶 书 ; 
font — size:24px; 

} 

.now{ 
font - size: 28px; 

.first{ 


color:red; 
font ~ size:16px; 


} 


效果 与 图 2-10、 图 2-11 一 致 。 效 果 相同 ,可 以 使 HTML 页 面 变 得 简洁 、 清 晰 。 若 多 个 
网 页 采用 同一 个 CSS 样式 文件 , 则 这 些 网 页 的 风格 将 保持 一 致 。 


2.3 JavaScript 简介 


我 们 为 什么 还 要 学 习 JavaScript 呢 ? 原 因 是 : JavaScript 可 以 实现 非常 多 的 功能 , 例 
如 ,客户 端 表单 验证 .页 面 动态 效果 ,动态 改变 页 面 内 容 等 。 那 么 JavaScript 是 什么 ? 
JavaScript( 简 称 JS) 既 是 一 种 描述 语言 ,也 是 一 种 基于 对 象 (Object) 和 事件 驱动 ,并 具有 安 
全 性 能 的 客户 端 脚本 语言 ,使 用 它 的 目的 是 与 HTML 超 文本 标记 语言 一 起 实现 在 一 个 
Web 页 面 中 链接 多 个 对 象 ,与 Web 客户 实现 交互 。 


2.3.1 脚本 的 基本 结构 


通常 ,JavaScript 代码 是 用 < script > 标记 峙 入 HTML 文档 中 。 可 以 将 多 个 脚本 嵌 人 到 
一 个 文档 中 ,只 需 将 每 个 脚本 都 封装 在 < script > 标记 中 即 可 。 浏 览 器 在 遇 到 < script > 标签 
时 ,将 逐 行 读 取 内 容 ,直到 遇 到 </script > 结束 标记 为 止 。 然 后 浏览 器 将 检查 JavaScript 语句 
的 语法 ,如果 有 任何 错误 ,就 会 在 警告 框 中 显示 ; 如 果 没 有 错误 ,浏览 器 将 编译 执行 语句 。 

脚本 的 基本 结构 如 下 : 


< script language = "JavaScript" type = "text/JavaScript"> 
JavaScript 语句 ; 
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</ script > 


4 
Cn 说明 
根据 W3C,HTML4.01 规范 和 XHTML1.0 规范 。script 标记 可 以 带 有 的 属性 中 : 
type 属性 是 必须 的 (Required) ,而 language 属性 是 可 选 的 (Implied) ,因此 虽然 两 者 表 
面 看 上 去 用 谁 都 无 所 谓 ,但 是 具有 type 属性 是 符合 Web 标准 的 。 
type 是 在 html4.0 增加 的 , 而 language 就 是 比较 早 以 前 的 了 。 建 议 使 用 < script type 


= "text/Javascript"> 
2.3.2 和 脚本 的 执行 原理 


了 解 了 脚本 的 基本 结构 ,下 面 再 来 深入 了 解 脚本 的 执行 原理 。 
在 脚本 的 执行 过 程 中 ,浏览 器 客户 端 与 应 用 服务 器 端 采 用 请 求 / 响 应 模式 进行 交互 ,如 
图 2-12 所 示 。 


© 客户 端 请 求 包含 JS 的 页 面 


服务 器 


从 服务 器 端 下 载 含 
JavaScript 的 页 面 


解析 执行 HTML 标 


签 和 JavaScript 脚 本 


©® 
图 2-12 脚本 执行 原理 


现在 ,让 我 们 逐步 分 解 一 下 这 个 过 程 。 

1. 浏览 器 接收 用 户 的 请 求 : 用 户 在 浏览 器 的 地 址 栏 中 输入 要 访问 的 页 面 (页 面 中 包含 
JavaScript 脚本 程序 ) 。 

2. 向 服务 器 端 请 求 某 个 包含 JavaScript 脚本 的 页 面 ,浏览 器 把 请 求 消息 (要 打开 的 页 
面 信息 ) 发 送 到 应 用 服务 器 端 ,等 待 服务 器 端的 响应 。 

3. 应 用 服务 器 端 向 浏览 器 发 送 响 应 消息 , 即 把 含有 脚本 的 HTML 文件 发 送 到 浏览 器 
客户 端 ,然后 由 浏览 器 从 上 至 下 逐条 解析 HTML 标签 和 JavaScript 脚本 ,并 将 页 面 效果 呈 
现 给 用 户 。 

使 用 客户 端 脚本 的 好 处 ,首先 含 脚本 的 页 面 只 要 下 载 一 次 即 可 ,这 样 能 减少 不 必要 的 网 
络 通信 。 其 次 脚本 程序 是 由 浏览 器 客户 端 执行 ,而 不 是 由 服务 器 端 执 行 , 因 此 能 减轻 服务 器 
端的 压力 。 

下 面 通过 一 个 简单 的 例子 来 讲解 脚本 的 基本 结构 和 执行 原理 。 


/x 


* JavaScript 代码 
*/ 
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<html> 

<head> 

<title> JavaScript 应 用 </title> 

< script type = "text/JavaScript"> 
document. write( "使 用 JavaScript 脚本 循环 输出 Hello JSP"); 
for(var i=0;i<5;it++){ 

document. write("< h3> Hello JSP</h3>") 

} 

</script> 

</head> 

<body> 

</body> 

</html > 


示例 2-8 的 效果 如 图 2-13 所 示 。 


(HS 国 EVavascripthiml D ~ © x | 
使 用 JavaScript 脚 本 循环 输出 Hello 
Hello JSP 


Hello JSP 
Hello JSP 
Hello JSP 


Hello JSP 


图 2-13 示例 2-8 的 效果 图 


示例 2-8 中 “document. write()” 是 标准 的 JavaScript 命令 ,用 来 向 页 面 输出 内 容 。 把 
document. write( ) 命 令 输 入 到 < script > 与 </script > 之 后 。 浏 览 器 就 会 把 它 当 做 一 条 
JavaSript 命令 来 执行 ,这 样 浏览 器 就 会 向 页 面 写 人 “Hello JSP”。 

我 们 已 经 通过 简单 的 例子 了 解 了 脚本 的 基本 结构 和 脚本 的 执行 原理 ,并 且 已 经 知道 可 
以 通过 使 用 < script >…</script > 的 方式 在 网 页 中 使 用 JavaScript, 那 么 在 网 页 中 还 有 其 他 的 
方式 可 以 引用 JavaScript 吗 ? 答案 是 肯定 的 。JavaScript 作为 客户 端 程序 ,嵌入 网 页 有 以 下 
3 种 方式 。 

1. 使 用 < script > 标签 ,示例 2-8 即 为 使 用 < script > 标签 ; 

2. 使 用 外 部 JavaScript 文件 ,使 用 外 部 JavaScript 文件 是 将 JavaScript 写 入 一 个 外 部 
文件 中 ,以 x .js 为 后 缀 保存 这 个 文件 。 

我 们 来 看 下 面 代码 : 


<html> 
<head> 
< script src = "hello. js" type = "text/JavaScript"></script > 
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</head> 
<body> 
</body> 
</html > 


3. 直接 嵌入 在 HTML 标签 中 。 
直接 在 HTML 标签 中 嵌入 代码 如 下 : 


< input name = "btn" type = "button" value = "弹出 消息 框 ” onclick = "javascript:alert 
( "欢迎 你 ) "7 /> 


当 单 击 “ 弹 出 消息 框 ”按钮 时 ,弹出 对 话 框 ,如 图 2-14 所 示 。 


2-14 ”提示 对 话 框 


2.3.3 JavaScript 的 组 成 


JavaScript 由 三 部 分 组 成 : 核心 (ECMAScript)、 文 档 对 象 模型 (Document Object 
Model, 简 称 DOMD) ,浏览 器 对 象 模型 (Browser Object Model, 简 称 BOM) ,如 图 2-15 所 示 。 


JavaScript 


ECMAScript DOM | BOM 


图 2-15 JavaScript 的 组 成 


1. ECMAScript 为 JavaScript 的 核心 ,描述 了 语言 的 基本 语法 和 对 象 。 

ECMAScript 主要 提供 语言 相关 的 信息 与 标准 ,如 语法 、 类 型 声明、 关键 字 、 保 留 字 、 操 
作 运算 符 、 对 象 等 。 

2. DOM, 当 网 页 被 加 载 时 ,浏览 器 会 创建 页 面 的 文档 对 象 模型 DOM。HTML DOM 
模型 被 构造 为 对 象 树 , 见 图 2-16。 

3. BOM ,提供 了 独立 于 内 容 而 与 浏览 器 窗口 进行 交互 的 对 象 。 由 于 BOM 主要 用 于 管 
理 窗 口 与 窗口 之 间 的 通信 ,因此 其 核心 对 象 是 window。 

BOM 由 一 系列 相关 的 对 象 构成 ,并 且 每 个 对 象 都 提供 了 很 多 方法 与 属性 。 

如 图 2-17 所 示 ,window 对 象 是 BOM 的 顶层 (核心 ) 对 象 ,所 有 对 象 都 是 通过 它 延 伸 出 
来 的 ,也 可 以 称 为 window 的 子 对 象 。 由 于 window 是 顶层 对 象 .因此 调用 它 的 子 对 象 时 可 
以 不 显示 的 指明 window 对 象 .例如 下 面 两 行 代码 是 一 样 的 : 
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文档 

根 元 素 : 

<html> 
元 素 : 元 素 
<head> <body> 
元 素 : 属性 : | | 元素: 元 素 ; 
<title> href <a> <hl> 
文本 : 文本 : 文本 : 

“文档 标题 “我 的 链接 ” “我 的 标题 ” 


2-16 DOM 对 象 树 


window 
history document location 
link form anchor 
button | |checkbox| 区 “5 textarea | | radio | |select 


图 2-17 BOM 结构 图 


document. write("hello jsp"); 
window. document. write("hello jsp"); 


2.3.4 JavaScript 核心 语法 

JavaScrip 也 是 一 门 编程 语言 ,也 包含 变量 的 声明 、 赋 值 、 符 号 运算 、 人 逻辑 控制 语句 等 基 
本 语法 ,这 里 只 是 简单 的 介绍 ,在 以 后 的 例子 中 结合 程序 再 具体 解释 其 作用 。 

1. 变量 声明 与 赋值 

JavaScript 是 一 种 弱 类 型 语言 ,没有 明确 的 数据 类 型 ,也 就 是 说 ,在 声明 变量 时 ,无 需 指 
定 变量 的 类 型 ,变量 的 类 型 由 赋值 变量 的 值 决 定 ,下面 是 JavaScript 声明 变量 的 语法 格式 

var 合法 变量 名 ; 
其 中 var 是 声明 变量 的 关键 字 ,JavaScript 的 命名 规则 和 Java 变量 的 命名 规则 相同 。 
例如 : 

var width = 20;// 声 明 变量 width 的 同时 ,将 数值 20 赋 给 变量 
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需要 强调 的 是 ,JavaScript 区 分 大 小 写 , 所 以 大 小 写 不 同 的 变量 名 表示 不 同 的 变量 。 另 
外 ,由 于 JavaScript 是 弱 类 型 语言 ,所 以 允许 不 声明 变量 而 直接 使 用 ,系统 将 会 自动 声明 该 
变量 ,例如 : 


X = 88;// 没 声明 变量 x, 而 直接 使 用 . 


经 验 总 结 A 


< 千 万 要 注意 JavaScript 区 分 大 小 写 ,特别 是 变量 的 命名 ,语句 关键 字 等 ,这 种 错误 有 
时 很 难 查 找 。 
< 变量 可 以 不 经 声明 而 直接 使 用 ,但 是 这 种 方法 很 容易 出 错 、 也 很 难 查找 排查 错误 、 不 
推荐 使 用 。 在 使 用 变量 前 , 先 声 明 后 使 用 ,这 时 良好 的 编程 习惯 。 
2. 数据 类 型 与 运算 符 
虽然 JavaScrip 是 一 种 弱 类 型 语言 ,但 是 在 JavaScript 中 也 提供 了 基本 的 数据 类 型 ,如 ， 
undefined( 未 定义 类 型 ) ,null( 空 类 型 ) ,number( 数 值 类 型 ) ,string( 字 符 串 类 型 ) ,boolear 
(布尔 类 型 ) 。 
JavaScrip 中 常见 的 运算 符 可 分 为 算术 运算 符 、 比 较 运 算 符 、. 逻 辑 运 算 符 和 赋值 运算 符 ， 
如 表 2-6 所 示 。 


表 2-6 常用 运算 符 表 


类 型 运 算 符 
算术 运算 符 
赋值 运算 符 
比较 运算 符 
逻辑 运算 符 


e| Vi|1 | 二 
入 
V 
下 
人 
ll 
ll 
ll 
I 


3. 逻辑 控制 语句 

在 JavaScrip 中 ,逻辑 控制 语句 用 于 控制 程序 的 执行 顺序 , 同 Java 一 样 , 逻 辑 控 制 语句 
也 分 为 两 类 : 条 件 结构 和 循环 结构 。 

(1) 条 件 结构 

Q@ 站 结构 

基本 语法 为 


If( 表 达 式 ){ 
JavaSript 语句 1; 
} 
else{ 
JavaSript 语句 2; 
} 


@ swith 结构 
基本 语法 为 
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swith( 表 达 式 ){ 
case 值 1: 
JavaSript 语句 1; 
break; 
case 值 2: 
JavaSript 语句 2; 
break; 


default: 
JavaSript 语句 n; 
break; 


(2) 循环 结构 

同 Java 一 样 ,JavaScript 中 的 循环 结构 也 分 为 for 循环 、while 循环 、do-while 循环 。 
O for 循环 

基本 语法 如 下 : 

for( 初 始 化 ;条 件 ; 增 量 或 减 量 ){ 

JavaScript 语句 ; 

} 

@ while 循环 语句 

基本 语法 如 下 : 

while( 条 件 ){ 


JavaScript 语句 ; 
E 


@ do-while 循环 语句 


do{ 
JavaScript 语句 ; 
}while( 条 件 ); 


@ 中 断 循环 

break, continue 

4. 注释 

注释 是 描述 部 分 程序 或 整个 程序 功能 的 一 段 说 明 性 文字 ,注释 不 会 被 解释 器 执行 ,而 是 
直接 跳 过 。 注 释 的 功能 是 帮助 开发 人 员 阅 读 、 理 解 、 维 护 和 调试 程序 。JavaScript 语言 的 注 
释 与 Java 语言 的 注释 一 样 ,分 为 单行 注释 和 多 行 注释 两 种 。 

单 号 注释 以 // 开 始 ,以 行 末 结束 。 例 如 

alert(" 用 户 名 密码 不 匹配 ");// 在 页 面 中 弹出 登录 验证 信息 
其 中 alert 是 警告 ,alert(“ 提 示 信 息 ”) 方 法 会 创建 一 个 特殊 的 小 窗口 ,该 窗口 带 有 一 个 字符 
串 和 一 个 确定 按钮 。 
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多 行 注释 以 / * 开始 ,以 * /结束 。 

5. 函数 

在 JavaScript 中 , 函数 类 似 于 Java 中 的 方法 , 是 执行 特定 任务 的 语句 块 ,但 是 
JavaScript 中 的 函数 使 用 更 简单 ,不 用 定义 函数 属于 哪个 类 ,可 以 直接 调用 函数 名 来 使 用 酚 
数 。JavaScript 中 提供 了 一 些 常 用 的 函数 ,例如 : parseInt() 可 以 解析 一 个 字符 串 ,并 返回 一 
个 整数 ,isNaN() 是 用 于 检验 其 属性 参数 是 否 为 非 数字 等 。 

下 面 我 们 重点 来 学 习 自 定义 函数 和 调用 函数 。 

(1) 创建 函数 

语法 格式 如 下 : 

function 函数 名 (属性 参数 1, 属性 参数 2, 属 性 参数 3…. ) { 

JavaScript 语句 ; 
} 


属性 参数 1, 属 性 参数 2 等 是 传人 函数 的 变量 或 值 ,“{”,“)” 定 义 了 函数 的 开始 和 
结束 。 

函数 中 的 属性 参数 是 可 选 的 , 当 传 人 属性 参数 时 通常 把 函数 称 为 有 参 函 数 , 当 没 有 传人 
属性 参数 时 通常 把 函数 称 为 无 参 函 数 ,无 参 函 数 必须 在 其 函数 名 后 加 括号 ,例如 

function 函数 名 (){ 

JavaScript 语句 ; 

} 

在 JavaScript 中 return 语句 用 来 规定 从 函数 返回 的 值 ,因此 需要 返回 某 个 值 的 函数 必 
须 使 用 return 语句 。 

(2) 调用 函数 

要 执行 一 个 函数 ,必须 先 调用 这 个 函数 , 当 调 用 函数 肘 ,必须 指定 函数 名 及 其 后 面 参数 
(如 果 有 属性 参数 ) 。 函 数 的 调用 一 般 和 表单 元 素 的 事件 结合 使 用 ,调用 格式 如 下 : 


事件 名 = "函数 名 ()"; 
下 面 通过 示例 2-9 来 学 习 如 何 创 建 函 数 和 调用 函数 。 


/x 
x JavaScript 函数 
*/ 
<html> 
<head> 
< title > 无 参 函数 一 使 用 函数 显示 Hello JSP 5 次 </title> 
< script type = "text/javascript"> 
function showHello( ){ 
for(var i=0;i<5;it++){ 
document. write('< h2 > Hello JSP </h2>') 
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}; 
} 
</script > 
</head> 
<body> 


< input name = "btn" type = "button" value = "显示 5 次 Hello JSP" onclick = "showHello()"/> 


</body> 


showHelloO 〇 是 创建 的 无 参 函 数 。onclick 表示 按钮 单 击 事件 , 当 单 击 按钮 时 调用 函数 


show Hello( ) 。 
显示 效果 如 图 2-18、 图 2-19 所 示 。 
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显示 5 次 Hello JSP 


2-18 示例 2-9 效果 图 
6. 对 象 
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Hello JSP 
Hello JSP 
Hello JSP 
Hello JSP 
Hello JSP 


图 2-19 单 击 “显示 5 次 Hello JSP” 按 钮 后 


JavaScript 的 一 个 重要 功能 就 是 面向 对 象 的 功能 ,通过 基于 对 象 的 程序 设计 ,可 以 用 更 
直观 ,模块 化 和 可 重复 使 用 的 方式 进行 程序 开发 。 一 组 包含 数据 的 属性 和 对 属性 中 包含 数 
据 进行 操作 的 方法 , 称 为 对 象 ,比如 要 设 定 网 页 的 背景 颜色 ,所 针对 的 对 象 就 是 document， 
所 用 的 属性 名 是 bgcolor, 如 document. bgcolor= "blue" ,就 是 表示 使 背景 的 颜色 为 蓝 色 。 


7. 事件 


用 户 与 网 页 交互 时 产生 的 操作 , 称 为 事件 。 事 件 可 以 由 用 户 引发 ,也 可 能 是 页 面 发 生 改 
变 , 甚 至 还 由 看 不 见 的 事件 引发 。 绝 大 部 分 事件 都 由 用 户 的 动作 所 引发 ,例如 : 按 鼠 标的 按 
键 就 产生 onclick 事件 ,示例 2-9 即使 用 了 onclick 事件 。 


2.3.5 JavaScript 表单 验证 


及 示例 2-10 》 


六 
* JavaScript 实现 简单 表单 验证 
x 

/ 
<html> 
<head> 
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<title> JavaScript 简单 表单 验证 </title> 
< script type = "text/javascript"> 
function check( ){ 
Var name = document. getElementById( 'name'). value; 
var password = document. getElementById( 'password'). value; 
if(name == null || name == "'){ 
alert( ' 请 输入 用 户 姓 名 '); 


return false; 


} 
if(password == null || password == "''){ 
alert( ' 请 输入 密码 '); 
return false; 
} 
else return true; 
} 
</script> 
</head> 
<body> 


< form method = "post" name = "myForm" action="" onSubmit = "return check()"> 
用 户 名 :< input type = "text" id = "name" name = "txtName">< br/> 

密码 : < input type = "password" id = "password" name = "txtPassword">< br/> 

< input type = "submit" value = "登录 ">< input type = "reset" value= " 重 置 "> 
</form> 

</body> 

</html > 


效果 如 图 2-20 所 示 。 


EVavaScript 四 hu PD» OX 


2-20 示例 2-10 的 效果 图 
若 用 户 名 、 密 码 为 空 时 弹出 的 对 话 框 如 图 2-21、 图 2-22 所 示 。 


图 2-21 用 户 名 为 空 时 弹出 的 对 话 框 图 2-22 密码 为 空 时 弹出 的 对 话 框 


《SS 
2.4 上 机 练习 (2 


当 用 户 在 表单 中 单 击 了 提交 按钮 后 , 则 发 生 提交 事件 。 编 写 JavaScript 代码 对 表单 的 
提交 事件 进行 处 理 ,可 以 在 客户 端 实现 对 表单 数据 的 验证 。 由 于 JavaScript 代码 是 由 浏览 
器 解释 执行 的 ,因此 用 JavaScript 实现 的 数据 验证 也 被 称 为 "客户 端 验证 ?或 “前 端 验证 ”。 
这 时 表单 的 一 般 形式 为 : 具体 的 验证 工作 则 在 函数 check 中 进行 。 当 check 函数 的 返回 值 
为 false 时 ,提交 动作 被 阻止 ; 若 为 true 时 , 则 将 对 指定 的 资源 (由 form 标签 的 action 属性 
指出 ,如 JSP 页 面 ) 发 出 请 求 , 同 时 把 表单 数据 和 其 他 请 求 信息 一 起 提交 给 该 资源 。 这 里 应 
注意 ,onSubmit 属性 的 值 为 "return check ()" ,而 非 "check()" ,后面 这 种 写法 不 能 起 到 拦截 
提交 动作 的 作用 。 

在 JavaScript 中 ,元 素 的 value 属性 表示 该 元 素 的 输入 值 ,获取 此 值 的 方法 有 两 种 : 车 
有 一 个 元 素 的 id 为 "name", 则 获取 该 元 素 值 的 表达 式 是 document. getElementByld 
(" name"). value, 该 表达 式 的 值 是 字符 串 类 型 ; 如 示例 2-10, 要 获取 用 户 名 后 文本 框 的 值 


的 表达 式 为 document. myForm. txtName. value。 


2.4 上 机 练习 


1. 创建 如 图 2-23 所 示 的 HTML 页 面 exercisel. html。 
需求 说 明 : 该 页 面 中 使 用 文本 标签 十 列表 标签 十 行内 样式 。 
实现 思路 : 参照 2. 1. 2.1、2. 1.2.2、2.2.1 节 。 


olal | 


司 ENexerciselLhtml 人 -OX |s HTML 文 本 标签 + 列表 .x 本 
《 品 句 》 


1， 我 们 曾 如 此 渴望 命运 的 波澜 ， 到 
人 生 最 曼妙 的 风景 ， 和 


。 我 们 曾 如 此 期 盼 外 界 的 认可 ， 到 最 后 才 知道 ， 
。 世界 是 自己 的 ， 与 他 人 毫 无 关系 


3， 愧 们 刻 如 此 计 级 ff 抱 回 起 ， 到 让 后 才 芒 站 
一 切 得 到 终 将 会 失去 ， 只 能 裤 留 一 抹 浮 名 。 


2-23 文本 标签 十 列表 标签 十 行内 样式 页 面 效 果 图 


2. 创建 如 图 2-24 所 示 的 HTML 页 面 exercise2. html。 

需求 说 明 : 该 页 面 中 使 用 表格 标签 十 内 嵌 样 式 。 

实现 思路 : 参照 2.1. 2. 3、2. 2.2 节 。 

3. 实现 通知 公告 发 布 系统 后 台 添加 信息 页 面 ,创建 如 图 2-25 所 示 的 HTML 页 面 
exercise3. html 及 CSS 文件 myCSS. ess。 

需求 说 明 : 该 页 面 中 使 用 表单 标签 十 表格 标签 十 外 部 样式 。 

实现 思路 : 为 了 布局 整齐 ,采用 表单 里 腐 套 表格 的 方式 ; 此 表 中 的 边框 为 细 边 框 , 细 边 
框 的 设置 为 


table, table td, table th{border:1px solid #000000; border-collapse:collapse;} 


jy 
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CO) EAexercises him DD- ox 


3 

习 [ 国 ENexerasezhtml DD- OX |@m 
成 绩 表 i 

学 生 学 号 学 生 姓 名 | 课程 “| 成 绩 

1 张 三 。” ”| 线性 代数 |88 

2 ES- 

5 ES 

总 成 绩 


图 2-24 表格 标签 十 内 嵌 样 式 页 面 效果 图 图 2-25 表单 标签 十 表格 标签 十 外 部 样式 页 面 效 果 图 


4. 创建 如 图 2-26 所 示 的 HTML 页 面 index. html。 


(€) IE RETE]FE 7 [ 


通知 公告 发 布 


图 2-26 通知 公告 发 布 系统 index. html 页 面 效果 图 


需求 说 明 : 通知 公告 发 布 系统 的 前 台 页 面 。 

实现 思路 : 这 个 上 机 练习 即 通知 公告 发 布 系统 的 前 台 页 面 分 为 4 个 部 分 : 
1. 上 部 设置 背景 颜色 ,上 部 左 侧 一 个 div ,放置 图 片 , 上 部 右 侧 放置 文字 ; 
2. 中 间 部 分 的 左 侧 显 示 通 知 公告 类 别 ; 

3. 中 间 部 分 的 右 侧 显示 通知 公告 列表 ; 

4. 下 部 为 版 权 部 分 。 


2.4 上 机 练习 人) 


整个 页 面 使 用 DIV 十 CSS 布局 。 

5. 创建 如 图 2-27 所 示 的 后 台 登 录 页 面 login. html。 

需求 说 明 : 通知 公告 发 布 系统 的 后 台 登 录 页 面 ; 编写 JavaScript 代码 对 login. html 中 
的 用 户 名 和 密码 进行 非 空 验证 。 

实现 思路 : 利用 JavaScript 验证 用 户 名 密码 非 空 ,参照 2. 3.4 节 。 


|@ htpy/localhost 只- SOX 


密 


图 2-27 通知 公告 发 布 系统 后 台 login. html 页 面 效 果 图 
6. 创建 如 图 2-28 所 示 的 通知 公告 发 布 系统 后 台 页 面 back. html。 


<】 司 | 人 repyocahoseaoe P - BC x | SFr0 人 na x | 


通知 公告 发 


欢迎 访问 通知 公告 发 布 系统 -- 后 台 


标题 
作者 


类 型 -| 教学 通知 区 


EE 


图 2-28 通知 公告 发 布 系统 后 台 back. html 页 面 效 果 图 
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需求 说 明 : 完成 通知 公告 发 布 系统 后 台 页 面 。 

实现 思路 : 这 个 上 机 练习 即 通知 公告 发 布 系统 的 后 台 主 页 面 分 为 4 个 部 分 : 
1. 上 部 设置 背景 颜色 ,上 部 左 侧 一 个 div, 放 置 图 片 , 上 部 右 侧 放置 文字 ; 

2. 中 间 部 分 的 左 侧 显示 添加 通知 公告 .通知 公告 列表 两 个 连接 ; 

3. 中 间 部 分 的 右 侧 添加 通知 公告 表单 ; 

4. 下 部 为 版 权 部 分 。 

整个 页 面 使 用 DIV 十 CSS 布局 ,局 部 采用 table 布局 (添加 信息 表单 ) 。 


2.5 总 结 


(1) HTML 标签 的 基本 结构 < html > < head>…</head> < body>…</body> </html>。 

(2) HTML 的 常用 标签 有 文本 标签 ,列表 标签 .表格 标签 .表单 标签 .图 片 标签 .链接 标 
签 等 。 

(3) 按 CSS 代码 在 网 页 文件 中 出 现 的 不 同位 置 ,可 以 将 CSS 划分 为 行内 样式 `. 嵌 入 样 
式 和 外 部 样式 。 

(4) CSS 中 基本 的 选择 器 有 四 种 : 

。 标签 选择 器 ; 

。 id 选择 器 ; 

。 类 选择 器 ; 

。 伪 类 选择 器 。 

(5) JavaScript 能 入 网 页 有 以 下 三 种 方式 : 

。 使 用 < script > 标签 ; 

。 使 用 外 部 JavaScript 文件 ; 

。 直接 在 HTML 标签 中 。 

(6) 浏览 器 在 遇 到 < script > 标签 时 ,将 逐 行 读 取 内 容 , 直 到 遇 到 </script > 结束 标记 为 止 。 
然后 浏览 器 将 检查 JavaScript 语句 的 语法 ,如 果 有 任何 错误 ,就 会 在 警告 框 中 显示 ; 如 果 没 
有 错误 ,浏览 器 将 编译 执行 语句 。 


2.6 作 业 


、 选 择 题 

HTML 的 基本 结构 是 ( ) 。 

. <html >< body></body>< head></head></html > 
.<html >< head></head >< body ></body ></htnml > 

。< html >< head></head>< foot></ foot></html > 
.< html >< head>< title></title></head></html> 
下 列 说 法 错误 的 是 ( je 

密码 框 需要 设置 Input 标签 type 一 “password" 
.设置 多 选 的 标签 是 < input type 二 "radio"> 
.提交 方法 post 比 get 更 安全 

.value 属性 表示 初始 值 , 可 能 会 随 着 用 户 的 操作 而 改变 ,以 提交 时 为 准 


DNmPFNMINPP>e | 


2.6 作业 


列表 框 的 默认 选择 属性 符合 规范 的 正确 写法 为 ( Ws 
selected = "selected" B. selected 
checked = "checked" D. selected= "true" 


实现 背景 横向 平 铺 的 效果 ,对 应 的 CSS 为 ( 人 
. div{background-image: url (images/bg. gif) ; } 
div{background: url (images/bg. gif) repeat-x;} 

. div{background: url (images/bg. gif) repeat-y;} 
.div{background: url (images/bg. gif) no-repeat;} 


在 Javascript 中 ,运行 下 面 的 代码 后 的 返回 值 是 ( Ns 


人 


var flag = true; 
document. write( typeof (flag) ) ; 


A. undefined B. null C. number D. boolean 
二 、 简 答题 

1. 列举 常见 的 HTML 标签 及 其 作用 。 

2. 什么 是 JavaScript? 

3. 什么 是 CSS? 

4. 选择 器 的 主要 作用 是 什么 ?都 有 哪些 选择 器 ? 

三 、 程 序 题 

1. 编写 HTML 代码 ,利用 表格 实现 表单 布局 ,结果 如 图 2-29 所 示 。 


OOP DD- OX 


Gsina. com 
忘记 密码 了 ? 
目 两 周 内 自动 登录 回 安全 登录 


2-29 登录 邮箱 
2. 使 用 JavaScript 脚本 输出 如 图 2-30 所 示 的 页 面 。 


站 ENH 文 廿 VSp Wi 中 ”CX 车 打 BDEIE 全 字 堪 x 


打印 倒 正 金字 塔 直线 


2-30 ”打印 金字 塔 
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因 本 音 学 习 目标 


< 理解 JSP 的 工作 原理 

< 掌握 JSP 的 三 种 注释 方式 

二 掌握 JSP 的 常用 指令 元 素 : page\include taglib 

掌握 JSP 的 脚本 元 素 : 小 脚本 、 表 达 式 、 声 明 

< 掌握 JSP 的 动作 元 素 <jsp:include> .<jsp:forward> ,<jsp:param> 
< 掌握 include 指令 和 <jsp:include > 的 区 别 

了 和 解 JSP 的 动作 元 素 : <jsp:plugin> 


3.1 JSP 工作 原理 


JSP (Java Server Pages) 是 一 种 动态 网 页 技术 标准 ,通俗 地 说 ,JSP 就 是 指 在 HTML 中 
嵌入 Java 脚本 语言 , 当 用 户 通过 浏览 器 请 求 访问 Web 应 用 时 , Web 服务 器 会 使 用 JSP 引擎 
对 请 求 的 JSP 进行 编译 和 执行 ,然后 将 生成 的 页 面 返 回 给 客户 端 浏览 器 进行 显示 ,JSP 的 工 
作 原 理 如 图 3-1 所 示 。 
返回 页 面 信息 


客户 端 
由 
和 应 用 | C3) 「 下 所 
Java 脚 本 语言 服务 器 服务 器 
嵌入 | 


© 
JSP 页 
LS 


图 3-1 JSP 的 工作 原理 图 


由 图 3-1 可 以 清晰 地 看 到 整个 JSP 的 工作 处 理 流程 ,那么 当 JSP 提交 到 服务 器 后 ,服务 器 能 
够 直接 读 出 JSP 的 内 容 然后 做 出 反应 吗 ? 实际 上 Web 容器 通过 三 个 阶段 进行 处 理 ( 见 图 3-2): 


S|》 资料 


蛙 
Web 容器 是 一 种 服务 程序 ,在 服务 器 一 个 端口 就 有 一 个 提供 相应 服务 的 程序 ,而 这 个 程 


f= 
3.1 JSP 工 作 原理 (» 


序 就 是 处 理 从 客户 端 发 出 的 请 求 ,如 Java 中 的 Tomcat 容器 。 一 个 服务 器 可 以 有 多 个 容器 。 

1. 翻译 阶段 : 当 Web 服务 器 接收 到 JSP 请 求 时 ,首先 会 对 JSP 文件 进行 翻译 ,将 编写 
好 的 JSP 文件 通过 JSP 引擎 转换 成 可 识别 的 Java 源 代码 , 即 扩 展 名 为 . java 的 文件 。 

2. 编译 阶段 : 经 过 翻译 后 的 JSP 文件 相当 于 我 们 编写 好 的 Java 源 文件 ,此 时 仅 有 源 文 
件 是 不 够 的 ,还 需要 将 Java 源 文件 编译 成 可 执行 的 字 节 码 文件 , 即 . class 文件 。 所 以 Web 
容器 处 理 JSP 请 求 的 第 二 阶段 就 是 编译 。 

3. 执行 阶段 : 编译 阶段 生成 字 节 码 文件 后 ,进入 执行 阶段 。 当 执行 结束 后 ,会 得 到 处 
理 请 求 的 结果 。Web 容器 又 会 再 把 生成 的 结果 页 面 返 回 到 客户 端 用 户 面 前 显示 。 


应 用 服务 器 


服务 器 | JS2 文 件 


客户 端 


3-2 ”Web 容器 处 理 JSP 文件 请 求 的 三 个 阶段 


一 旦 Web 容器 把 JSP 文件 翻译 和 编译 完 , Web 容器 会 将 编译 好 的 字 节 码 文件 保存 在 
内 存 中 。 当 客户 端 再 一 次 发 出 JSP 请 求 时 ,就 可 以 重用 这 个 编译 好 的 字 节 码 文件 ,没有 必 
要 再 把 同一 个 JSP 进行 翻译 和 编译 了 ,这 就 大 大 提高 了 Web 应 用 系统 的 性 能 。 当 然 , 如 果 
对 JSP 进行 了 修改 ,Web 容器 就 会 及 时 地 发 现 改变 ,此 时 Web 容器 就 会 重新 执行 翻译 和 编 
译 ( 见 图 3-3)。 所 以 这 也 是 我 们 访问 JSP 页 面 时 第 一 次 请 求 会 比较 慢 ,后 续 访 问 时 速度 就 
较 快 的 原因 。 


应 用 服务 器 
服务 器 上 


图 3-3 Web 容器 处 理 JSP 文件 第 二 次 请 求 


那么 ,我们 已 经 了 解 了 JSP 的 工作 原理 以 及 执行 过 程 。 这 些 是 学 习 JSP 的 基础 ,而 使 
用 JSP 实现 动态 网 页 开发 ,还 要 熟悉 JSP 页 面 里 包含 什么 元 素 ,不 同 元 素 具 备 什么 功能 。 

前 面 已 经 谈 到 : JSP 是 通过 在 HTML 中 府 入 Java 脚本 语言 来 响应 页 面 动态 请 求 。 那 
么 JSP 页 面 的 基本 构成 是 什么 呢 ? JSP 页 面 由 静态 内 容 、 指 令 、 表 达 式 、 小 脚本 、 声 明 、 标 准 
动作 和 注释 等 元 素 构成 。 下 面 通过 示例 3-1 展示 几 个 比较 常用 的 JSP 页 面 元 素 。 


/x 
* jsp 页 面 源 代码 


关 


*/ 


<% @ page language = "java" import = "java. util. *, java. text. * " contentType = "text/html; 


Charset =UTF— 8" %> 
<html> 
<head> 
<title> 输 出 当前 日 期 </title> 
<! -- 这 是 HTML 注释 (客户 端 可 以 看 到 源 代码 ) -一 > 
<% -- 这 是 JSP 的 注释 (客户 端 不 可 以 看 到 源 代码 ) -- %> 
</head> 
<body> 
你 好 ,今天 是 
<% 
// 使 用 预定 格式 将 日 期 转换 为 字符 串 
SimpleDateFormat formater = new SimpleDateFormat("YyYYY 年 MM 月 dd 日 "); 
String strCurrentTime = formater. format(new Date()); 
%> 
<% = strCurrentTime %> 
<%!String str = "this is JSPPage"; %> 
<%= str %> 
</body> 
</html > 


在 浏览 器 中 显示 示例 3-1 的 运行 结果 如 图 3-4 所 示 。 
(ele 


|G hep/nocalhost P ~ So xX|G um 


你 好 ， 今 天 是 2013 年 02 月 05 日 this is JSPPage 


图 3-4 在 浏览 器 上 观察 示例 3-1 的 运行 结果 
示例 产生 的 页 面 源 代码 如 图 3-5 所 示 。 


htal> 

Chead> 

《ti 员 e) 需 出 当前 日 期 Ytitle> 

《4-- 这 是 JI 注释 (客户 涯 可 以 看 到 源 代码 ) 一 > 


heaay 
hody> 
你 好 ， 今 天 是 


2013 年 02 月 05 日 


this is JSPFage 
hody> 
Chenly 


图 3-5 查看 示例 3-1 的 页 面 源 代码 


3.4 JSP 指 令 元 素 ) 


在 示例 3-1 中 ,一 共 展 示 了 六 种 页 面 元 素 , 包 含 静态 内 容 、 指 令 、 小 脚本 、 表 达 式 .声明 以 
及 注释 。 下 面 一 一 加 以 介绍 。 


3.2 静态 内 容 


静态 内 容 是 JSP 页 面 中 的 静态 文本 , 它 基 本 上 是 HTML 文本 ,而 与 Java 和 JSP 请 法 无 
关 ,HTML 在 第 2 章 我 们 已 做 过 详细 介绍 。 


3.3 JSP 中 的 注释 


在 编写 程序 的 时 候 , 每 个 程序 员 都 要 养 成 写 注释 的 好 习惯 ,合理 ,详细 的 注释 有 利 代 码 
后 期 的 维护 和 阅读 。 在 JSP 文件 的 编写 过 程 中 共有 3 种 注释 方法 。 

1. HTML 注释 方法 ,其 使 用 格式 是 : <! -- HTML 注释 ->。 其 中 的 注释 内 容 在 客户 端 
浏览 器 里 查看 源 代码 时 ,可 以 看 到 这 些 注释 内 容 , 如 图 3-5 所 示 。 这 种 注释 方法 是 不 安全 
的 ,而 且 会 加 大 网 络 的 传输 负担 。 

2. JSP 注释 标记 ,其 使 用 格式 是 : <% 一 JSP 注释 --%>。 在 客户 端 通过 查看 源 代码 时 看 
不 到 注释 的 内 容 , 如 图 3-5 所 示 ,安全 性 比较 高 。 

3. JSP 脚本 中 使 用 注释 。 脚 本 就 是 嵌入 到 *<%” 和 “%>” 标 记 之 间 的 程序 代码 ,使 用 的 
语言 是 Java, 因 此 在 脚本 中 进行 注释 和 在 Java 类 中 进行 注释 的 方法 一 样 。 其 使 用 格式 是 : 
<%// 单 行 注释 %>、<%/ * 多 行 注释 * / %>。 


3.4 JSP 指令 元 素 


JSP 指令 元 素 的 作用 是 通过 设置 指令 中 的 属性 在 JSP 运行 时 ,控制 JSP 页 面 的 某 些 特 
性 。 需 要 注意 的 是 ,不 能 错误 地 从 字面 意义 上 理解 JSP 指令 元 素 是 用 来 进行 逻辑 处 理 或 者 
是 用 于 产生 输出 代码 的 命令 。 

JSP 指令 一 般 以 “<%@” 开 始 , 以 “%>” 结 束 。 主 要 有 以 下 3 种 : 

。 page 指令 

。 include 指令 


。 taglib 指令 
3.4.1 page 指令 


page( 页 面 ) 指 令 是 JSP 页 面 中 使 用 频率 最 高 的 指令 ,主要 用 来 设置 整个 JSP 页 面 的 相 
关 属 性 ,如 网 页 内 容 的 类 型 、 网 页 的 编码 方式 、 网 页 需 导入 的 包 、 发 生 异 常 时 的 处 理 方式 等 信 
息 。 该 指令 无 论 写 在 页 面 文件 的 什么 位 置 , 都 对 整个 页 面 有 效 。 但 是 在 一 般 情 况 下 写 在 
JSP 页 面 的 第 一 行 。 

page 指令 的 语法 格式 : 


<%@ page 属性 名 1 = "属性 值 1"... 属 性 名 n= "属性 值 a" %> 
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书写 时 请 注意 区 分 大 小 写 。page 指令 一 共有 13 个 属性 可 以 设置 ,其 中 最 常用 的 属性 


请 参考 表 3-1。 
表 3-1 page 指令 的 属性 
属 性 说 明 示 例 
pageEncoding | 指定 JSP 页 面 的 字符 编码 pageEncoding = "" 


contentType | 指定 输出 内 容 的 MIME 类 型 及 字符 集 | contentType== "text/html; charset 一 utf-8" 


导入 Java API 或 自 定义 的 类 包 , 该 属性 | import== "java. sql.*" 
可 以 在 一 个 页 面 中 多 次 指定 import= "java. sql.* ,com. bean.* " 


Import 


可 以 在 一 条 page 指令 中 指定 多 个 属性 ,也 可 以 分 开 多 条 指定 。 但 除 import 属性 可 以 
在 一 个 页 面 中 多 次 出 现 外 ,其 余 属 性 只 能 指定 一 次 ,不 能 重复 出 现 。 
示例 3-1 使 用 了 page 指令 。 


3.4.2 include 指令 


include( 包 含 ) 指 令 所 实现 的 文件 包含 又 称 为 "静态 包含 ", 它 用 于 通知 JSP 容器 将 指定 
的 资源 内 容 嵌 入 到 该 条 指令 出 现 的 地 方 。 所 包含 的 资源 可 以 是 JSP 文件 .HTML 文件 ,或 
者 是 其 他 类 型 的 文本 文件 。 语 法 格式 如 下 : 


<% @ include file= "relativeURL" %> 


其 中 "relativeURL "表示 被 包含 的 资源 的 文件 相对 路 径 ( 含 文件 名 ) 。 
例如 ,login. jsp 页 面 中 有 以 下 指令 : 


<% @ include file= "pub/top. jsp" %> 


这 时 ,车 login. jsp 位 于 D:\workspace\Ch03_1\ WebRoot\page 下 , 则 top. jsp 应 该 位 于 DD: 
\workspace\Ch03_1\WebRoot\page\pub 下 , 即 相 对 的 是 当前 文件 的 位 置 。 若 改写 成 : 


<% @ include file="/pub/top. jsp" %> 


那么 ,此 时 的 pub 目录 应 该 位 于 何 处 呢 ? 

与 刚才 的 例子 不 同 的 是 ,该 路 径 是 以 "/ "开头 的 。 这 里 路 径 最 前 面 的 "人 "代表 的 是 整个 
应 用 的 发 布 根 目录 , 即 D: \ workspace\Ch03_1\ WebRoot, top. jsp 文件 应 该 位 于 D: 
\workspace\Ch03_1\WebRoot\pub 目录 下 。 可 见 , 采 用 后 面 这 种 写法 时 ,资源 的 路 径 与 包 
含 top. jsp 的 主页 面 无 关 ( 这 里 为 了 方便 描述 ,暂且 把 像 login. jsp 这 样 包含 其 他 资源 的 页 
面 称 为 "主页 面 ")。 因 此 ,将 主页 面 (如 login. jsp) 转 移 至 其 他 目录 时 ,该 页 面 中 的 该 指令 无 
须 做 任何 更 改 。 
《< 示例 3 一 2 

include 指令 的 使 用 。 

在 页 面 main. jsp 中 使 用 include 指令 包含 top. jsp 的 内 容 。 


3.4 JSP 指 令 元 素 加 内 
NY 


/x 

* top. jsp 页 面 源 代码 ,该 文件 WebRoot\page\top. jsp 
x 

六 


< img src= "kenan. jpg" /> 


/x 
* main, jsp 页 面 源 代码 ,该 文件 WebRoot\page\main. jsp 

x 

*/ 

<% @ page language = "java" import = "java. util. *, java. text. * " contentType = "text/html; 
charset= UTF 一 8" %> 

< html > 

<head> 

<title> include </title> 

</head> 

<body> 

测试 文字 1<br/> 

<% @include file= "top. jsp" %><br/> 

测试 文字 2 

</body> 

</html> 


雯 


当 访 问 main. jsp 时 得 到 如 图 3-6 所 示 的 运行 结果 。 


3-6 ”访问 main. jsp 的 效果 图 


使 用 include 指令 时 须 注意 : 

。 被 包含 的 页 面 若 出 现 了 设置 页 面 编码 的 page 指令 , 则 主页 面 中 所 出 现 的 编码 设置 
必须 与 此 完全 相同 ,否则 可 能 引起 翻译 时 的 错误 。 

。 include 指令 所 实现 的 包含 操作 是 在 当前 的 JSP 文件 被 转换 为 Servlet 时 进行 的 ,不 
是 在 执行 阶段 进行 的 ,因此 ,file 属性 的 值 不 能 是 变量 ,也 不 能 以 形 如 "head. jsp? aa 
一 1" 这 种 形式 向 被 包含 页 面 传递 参数 。 

那么 在 JSP 页 面 中 什么 情况 下 使 用 include 指令 呢 ? 若 一 个 网 站 的 不 同 页 面 有 相同 的 

部 分 ,例如 页 头 、 页 脚 部 分 是 相同 的 , 则 可 以 将 它们 分 别 制作 为 独立 的 文件 ,而 后 在 所 需要 的 
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页 面 中 将 它们 包含 进来 。 


3.4.3 taglib 指令 
taglib( 标 签 库 ) 指 令 告诉 JSP 容器 怎样 找到 标签 描述 的 文件 和 标签 库 , 以 及 在 JSP 页 面 
引用 这 个 标签 时 的 前 级 。 
taglib 指令 的 语法 格式 : 
<% @ taglib uri= "标签 库 的 URI" prefix = "标签 的 前 级" %> 


例如 : 


<% @ taglib prefix= "c" uri = " http://java. sun.com/jsp/jstl/core" %> 


不 能 使 用 JSP,jspx,java,javax,servlet,sun,sunw 等 作为 前 级 。 


3.5 JSP 脚本 元 素 


在 JSP 页 面 中 ,将 表达 式 (expression) ,小 脚本 (scriptlet) 声明 (declaration) 统 称 为 JSP 
脚本 元 素 , 用 于 在 JSP 页 面 中 嵌入 Java 代码 ,实现 页 面 的 动态 请 求 。 
下 面 ,我 们 就 来 进一步 学 习 这 三 种 元 素 , 掌 握 它 们 的 使 用 方法 。 


3.5.1 小 脚本 

小 脚本 可 以 包含 任意 的 Java 片断 ,形式 比较 灵活 ,通过 在 JSP 页 面 中 编写 小 脚本 可 执 
行 复杂 的 操作 和 业务 处 理 , 编 写 方法 就 是 将 Java 程序 片断 插入 到 *<% %>” 标 记 中 。 

示例 3-1 中 ,属于 小 脚本 的 代码 片断 是 : 

<% 


// 使 用 预定 格式 将 日 期 转换 为 字符 串 
SimpleDateFormat formater = new SimpleDateFormat("yyyy 年 MM 月 dd 日 "); 


String strCurrentTime = formater. format(new Date()); 
%> 


现在 我 们 就 来 使 用 小 脚本 实现 一 个 简单 的 业务 处 理 , 循 环 输出 数组 中 的 数值 。 代 码 如 


示例 3-3 所 示 。 


/x 
* jsp 页 面 循环 输出 数组 的 数值 


*/ 
<% @ page language = "java" contentType = "text/html; charset = UTF — 8" %> 


<html> 
<head> 
<title > 循环 输出 数组 的 数值 </title> 
</head> 
<body> 


3.5 JSP 脚 本 元 素 (3 


<% 
int[] value = { 60, 70 ,80 }; 
for (int i = 0;i< value.length; i++){ 
out. println(value[i]); 
%> 
</body> 
</html> 


这 段 代码 中 使 用 到 了 JSP 的 一 个 隐 式 对 象 out( 隐 式 对 象 在 下 一 章 将 要 介绍 ), 目 前 只 
需 了 解 out. println 方法 是 用 来 在 页 面 中 输出 数据 的 就 可 以 了 。 

运行 示例 3-3 会 发 现 有 错误 ,在 示例 3-3 中 ,出 现 了 一 个 初学 者 非常 易 犯 的 错误 , 那 就 
是 for 循环 缺少 了 一 个 “}” 号 。 正 确 的 代码 如 示例 3-4 所 示 。 


/x 
* jsp 页 面 循 环 输出 数组 的 数值 
x 
*/ 
<% @ page language = "java" contentType = "text/html; charset = UTF - 8" %> 
<html> 
<head> 
<title > 循环 输出 数组 的 数值 </title> 
</head> 
<body> 
< 和 

int[] value = { 60, 70 ,80 }; 

for (int i = 0;i< value.length; i++){ 

out. println(value[i]); 


%> 

<br/> 
<% 

} 
%> 
</body> 
</html > 


效果 如 图 3-7 所 示 。 


PE 
乱 http://localhost P - CX | Snesama 


图 3-7 小 脚本 循环 输出 数组 中 的 数 
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由 于 小 脚本 与 HTML 的 混合 编写 ,这 种 错误 既 容 易 发 生 , 又 不 易 被 发 现 。 这 就 需要 在 
编写 代码 时 不 仅 要 注意 代码 的 缩 进 ,编写 必要 的 注释 ,还 要 有 足够 的 细心 。 


3.5.2 表达 式 


表达 式 是 对 数据 的 表示 ,系统 将 其 作为 一 个 值 进 行 计算 和 显示 。 当 需要 在 页 面 中 获取 
一 个 Java 变量 或 者 表达 式 值 时 ,使 用 表达 式 是 非常 方便 的 。 其 语法 是 <% = 二 Java 表达 
式 %>。 当 Web 容器 遇 到 表达 式 时 ,会 先 计 算 嵌 入 的 表达 式 值 或 者 变量 值 , 然 后 将 计算 结果 
以 字符 串 形式 返回 并 插入 到 相应 的 页 面 中 。 
下 面 , 我 们 就 修改 一 下 示例 3-4 的 代码 ,使 用 表达 式 实现 数据 的 输出 ,代码 如 示例 3-5 
所 示 。 


/x 
* jsp 页 面 循环 输出 数组 的 数值 
x 
*/ 
<% @ page language = "java" contentType = "text/html; charset = UTF — 8" %> 
<html> 
<head> 
< title > 循环 输出 数组 的 数值 </title> 
</head> 
<body> 
<% 

int[] value = { 60, 70 ,80 }; 

for (int i = 0;i< value.length; i++){ 

%> 
<% = value[i] %><br/> 
< 和 
} 

%> 
</body> 
</html > 


需要 注意 的 是 ,在 Java 语法 的 规定 中 ,每 一 条 语句 末尾 必须 要 使 用 分 号 代表 结束 。 而 
在 JSP 中 ,使 用 表达 式 输出 显示 数据 时 , 则 不 能 在 表达 式 结尾 处 添加 分 号 ,代表 语句 结束 。 
这 一 点 需要 在 代码 编写 过 程 中 加 以 区 分 。 


资料 
在 Java 开发 过 程 中 ,我 们 使 用 System. out. println() 和 System. out. print() 向 控制 台 
输出 信息 。 在 JSP 网 页 上 ,我 们 可 以 使 用 它 的 内 置 对 象 out 把 结果 输出 到 页 面 上 ,通常 最 常 
使 用 的 是 println (String message) 和 print (String message) 两 个 方法 ,当然 也 可 以 使 用 表 
达 式 实现 输出 信息 的 效果 。 


3.5 JSP 脚 本 元 素 


3.5.3 声明 

在 编写 JSP 页 面 程序 时 ,有 了 时 需要 为 Java 脚本 定义 变量 和 方法 ,这 时 就 需要 对 所 使 用 
的 变量 或 者 方法 进行 声明 。 

声明 的 请 法 如 下 。 

<%! Declaration; [ Declaration;]...%> 
例如 : 


<%! inta=1;%> 

<%! String name; %> 

JSP 语法 中 ,变量 和 方法 必须 要 先 声明 ,否则 就 会 出 错 ,可 以 一 次 声明 多 个 变量 和 方法 ， 
只 要 以 “; "结尾 即 可 ,而 且 必 须 保证 这 些 声 明 在 Java 中 是 合法 的 。 

需要 注意 ,声明 与 小 脚本 和 表达 式 除 了 语法 格式 上 的 不 同 ,还 有 就 是 声明 一 般 不 会 有 输 
出 ,通常 与 表达 式 、 小 脚本 一 起 综合 运用 。 下 面 我 们 就 通过 一 个 声明 方法 的 示例 来 具体 了 解 
声明 的 作用 。 

首先 编写 好 如 下 一 段 代 码 ,用 于 对 日 期 进行 格式 化 。 

<% 

SimpleDateFormat formater = new SimpleDateFormat("yyyy 年 MM 月 dd 日 "); 


String strCurrentTime = formater. format(new Date()); 
%> 


现在 有 一 个 问题 需要 我 们 去 解决 ,看 下 面 的 问题 。 


问题 人 
在 同一 个 JSP 页 面 中 ,如 果 需 要 在 多 个 地 方 格式 化 日 期 ,如 何 简化 代码 ? 


A lan 
在 Java 文 件 中 ,可 以 增加 一 个 方法 来 解决 。 在 JSP 文件 中 ,同样 可 以 声明 方法 解决 类 


似 问题 。 
具体 代码 如 示例 3-6 所 示 ,其 运行 结果 如 图 3-8 所 示 。 


<! ~—/# 

* jsp 声明 的 应 用 

关 

*/ 

--><% @ page language = " java" import = "java. util. *, java. text. * " contentType = "text/ 
html; charset =UTF— 8" %> 

<html> 

<head> 

<title> 方 法 声明 </title> 


区 
</head> 
<body> 
<g%! 


String formatDate(Date d){ 
java. text. SimpleDateFormat formater = new SimpleDateFormat("yyyy 年 MI 月 dd 日 "); 
return formater. format(d); 


} 


第 > 
第 一 次 调用 : 今天 是 <% = formatDate(new Date() ) %> 
<br> 
第 二 次 调用 : 今天 是 <% = formatDate(new Date( ) ) %> 
</body> 
</html > 


碟 httpy/localhost PD- SOX 区 


第 一 次 调用 ， 今 天 是 2013 年 0] 月 12 日 
第 二 次 调用 ， 今 天 是 2013 年 01 月 12 日 


图 3-8 示例 3-6 的 效果 显示 


3.6 JSP 动作 元 素 


JSP 动作 元 素 (Action Element) 和 JSP 指令 元 素 不 同 , 它 是 在 客户 端 请 求 时 动态 执行 
的 。JSP 动作 元 素 是 一 种 特殊 标签 ,并 且 以 前 级 jsp 和 其 他 的 HTML 标签 相 区 别 , 利 用 JSP 
动作 元 素 可 以 实现 很 多 功能 ,包括 动态 地 插入 文件 .重用 JavaBean 组 件 、 把 用 户 重 定向 到 另 
外 的 页 面 ,为 Java 插件 生成 HTML 代码 等 。 

动作 元 素 包 括 < jsp: include > 、< jsp: plugin >、< jsp: forward > 、< jsp: param >、 
<jsp:useBean > 、< jsp: getProperty > 和 < jsp: setProperty > 等 。 其 中 后 三 个 动作 元 素 与 
JavaBean 结合 得 非常 紧密 ,将 在 第 5 章 中 详细 说 明 。 


3.6.1 <jsp:param > 

<jsp:param > 动作 元 素 主 要 用 来 传递 参数 给 JSP 程序 ,而 由 程序 获取 的 参数 值 , 在 程序 
中 就 是 一 个 变量 值 。 此 操作 元 素 的 语法 如 下 : 

< jsp:param name = "attributeName" value = "attributeValue"/> 


其 中 name 属性 表示 传递 参数 的 名 称 ,value 属性 是 用 来 设置 该 参数 的 值 。 
在 JSP 中 如 何 来 获取 < jsp: param > 设 定 的 参数 值 呢 ? 是 通过 内 置 对 象 request 的 
getParameter() 方 法 , 即 request. getParameter(attributeName) (内置 对 象 在 第 6 章 介绍 ) 。 
<jsp:param > 元 素 必须 配合 <jsp:include >、<jsp:forward > 及 < jsp:plugin > 等 使 用 。 


3.6 JSP 动 作 元 素 (2 


Ke 
3.6.2 <jsp:include> 

<jsp:include > 动作 元 素 可 以 用 来 包含 其 他 静态 和 动态 页 面 。<jsp:include > 有 带 参 数 和 
不 带 参数 两 种 语法 格式 ,分别 是 : 

< jsp:include page = "relativeURL" flush = "true| false"> 


和 


< jsp: include page = "relativeURL" flush = "true|false"> 
< jsp:param name = "attributeNamel" value = "attributeValuel"/> 
< jsp:param name = "attributeName2" value = "attributeValue2"/> 


</jsp:include> 
其 中 ,relativeURL 指 代 被 包含 文件 的 相对 路 径 ; 属性 flush 为 true 时 ,表示 实时 输出 缓冲 
区 ,一 般 情况 下 flush 都 为 true。 一 个 <jsp:include > 中 可 以 包含 一 个 或 多 个 <jsp:param > 动 
作 元 素 。 下 面 就 通过 示例 3-7 来 了 解 <jsp:include> 的 用 法 。 
《示例 3 一 7》 


main. jsp 


RR 
x* jsp:include 带 参数 引用 
*/ 
一 > 
<% @ page contentTYpe = "text/html;charset = UTF - 8" pageEncoding = "UTF - 8" %> 
<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
<title> include 带 参 数 引 用 </title> 
</head> 
<body> 
< jsp: include page = "param. jsp" flush = "true"> 
< jsp:param name = "strl" value = "Hello" /> 
< jsp:param name = "str2" value = " JSP!" /> 
</jsp:include> 
</body> 
</html> 


param. jsp 


<1 一 一 /闪闪 
* jsp:include 带 参 数 引 用 


x 

*/ 

——> 

<% @ page contentType = "text/html;charset = UTF - 8" pageEncoding = "UTF — 8" %> 
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<% 


String strl request. getParameter("str1"); 


String str2 = request. getParameter("str2"); 
out. print(str1); 
out. print (str2); 


%> 


示例 3-7 访问 main. jsp 页 面 的 效果 显示 如 图 3-9 所 示 。 


3-9 示例 3-7 的 效果 显示 


JSP 中 有 两 种 不 同 的 包含 方式 : 编译 时 包含 和 运行 时 包含 。 编 译 时 包含 只 是 将 静态 文 
件 内 容 加 到 JSP 页 面 中 ,优点 是 速度 快 ,例如 <%@ include%> 指 令 包 含 。 运 行 时 包含 指 的 
是 被 包含 的 文件 运行 时 被 JSP 容器 编译 执行 ,< jsp:include > 的 包含 就 是 运行 时 包含 ,当然 
同时 支持 编译 时 包含 。 


区 tt 图 


JSP 中 include 指令 与 <jsp:include > 的 区 别 

include 指令 是 指 把 其 他 页 面 的 代码 加 进来 ,与 本 页 面 的 代码 合并 在 一 起 ,相当 于 把 源 
代码 从 那个 页 面 中 复制 到 本 页 面 来 ,然后 再 编译 。 由 于 本 页 页 面 编译 时 已 经 包含 别 的 文件 
的 源 代 码 , 所 以 以 后 其 他 页 面 的 代码 更 改 时 ,本 页 面 并 不 理会 ,因为 已 经 编译 过 了 。 这 种 包 
含 方式 为 静态 包含 。 

<jsp:include > 动作 是 指 两 个 页 面 的 代码 运行 完 以 后 ,再 把 包含 的 那个 页 面 运行 后 的 
HTML 结果 页 面 ,加 到 本 页 面 运 行 后 的 HTML 结果 页 面 中 来 。 所 以 是 运行 时 包含 ,并 且 还 
可 以 传递 参数 给 被 包含 的 页 面 。 这 种 包含 为 动态 包含 。 


3.6.3 =jsp:forward> 


<jsp:forward > 用 于 服务 器 端 结束 当前 的 页 面 , 并 从 当前 页 面 跳 转 到 其 他 指定 页 面 (< jsp: 
forward > 为 转发 而 不 是 重 定向 )。 转 向 的 目标 页 面 可 以 是 HTML 页 面 .JSP 文件 或 Servlet 类 。 
<jsp:forward > 也 有 带 参 数 和 不 带 参 数 两 种 语法 格式 ,分 别 是 : 


< jsp:forward page = "pageURL" > 


< jsp:forward page = " pageURL" > 
< jsp:param name = "attributeNamel" value = "attributeValuel"/> 
< jsp:param name = "attributeName2" value = "attributeValue2"/> 


</jsp:forward> 
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<jsp:forward > 最 典型 的 应 用 就 是 登录 时 进行 权限 验证 ,验证 通过 ,就 把 页 面 forward 
到 登录 成 功 页 面 ; 当 验 证 通 不 过 时 , 则 把 页 面 forward 到 登录 页 面 。 


login. jsp 


<1 一 一 /关头 
* 登录 页 面 

*/ 

--> 

<% @ page language = "java" import = "java. util. *, java. text. * " contentType = "text/html; 
charset = UTF — 8" %> 

<html> 

<head> 

<title > 登录 页 面 </title> 

</head> 

<body> 

< form action = "checkLogin. jsp”method = "post"> 

用 户 名 : < input type = "text" name = "name">< br/> 

密码 : < input type = "password" name = "password"> 

< input type = "submit" value = "登录 "> 

</form> 

</body> 

</html > 


checkLogin. jsp 


< 一 一 /关头 
* 验证 登录 页 面 
*/ 
营地 克 
< 和 
String name = request. getParameter( "name" ); 
String password = request. getParameter( "password" ); 
if(name. equals("admin" )&&password. equals("123") ){ 
第 > 
< jsp:forward page = "success. jsp"> 
< jsp:param name = "name" value= "<% = name %>" /> 
</jsp:forward> 


先 > 
< jsp:forward page = "login. jsp"/> 
<% 


%> 
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success. jsp 


< /x 
* 登录 成 功 页 面 
x*/ 
= 
<% @ page language = "java" import = "java. util. *, java. text. * " contentType = "text/htnml; 
charset =UTF— 8"%> 
<html> 
<head> 
<title > 登录 成 功 </title> 
</head> 
<body> 
登录 成 功 !< br/> 
欢迎 你 ,<% = request. getParameter("name") %> 
</body> 
</html > 


login. jsp 的 执行 结果 如 图 3-10 及 图 3-11 所 示 ,输入 正确 的 用 户 名 、 密 码 后 单 击 “ 登 录 ” 
按钮 提交 ,经 checkLogin. jsp 的 验证 ,成 功 则 forward 到 success. jsp 页 面 , 并 把 参数 传 给 
success. jsp 页 面 ,失败 则 forward 到 login. jsp 页 面 。 


大 htpi/localhost P - Box 习作 hpi/ocalhost P - SOX 


欢迎 你 ，admin 


图 3-10 登录 即 登 录 失 败 后 页 面 图 3-11 登录 成 功 后 页 面 
3.6.4 <jsp:plugin > 


<jsp:plugin > 可 以 在 页 面 中 插入 JavaApplet 小 程序 或 JavaBean ,它们 能 在 客户 端 运行 。 
其 语法 格式 如 下 : 


< jsp:plugin 

type = "bean | applet" 

code = "classFileName" 

codebase = "classFileDirectoryName" 

[ name = "instanceName" ] 

[ archive = "URIToArchive, ..." ] 

[ align= "bottom | top | middle | left | right" ] 
[ height = "displayPixels" ] 

[ width = "displayPixels" ] 

[ hspace = "leftRightPixels" ] 

[ vspace = "topBottomPixels" ] 

[ jreversion = "JREVersionNumber | 1.1" ] 
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~ 


[ nspluginurl = "URLToPlugin" ] 

[ iepluginurl = "URLToPlugin" ] > 

[<jsp:params > 

[ < jsp:param name = "parameterName" value = "{parameterValue | <% = expression %>}" /> ] + 
</jsp:params> ] 

[ <jsp:fallback > text message for user </jsp:fallback> ] 

</jsp:plugin> 


<jsp:plugin > 元 素 的 属性 如 表 3-2 所 示 。 
表 3-2 <jsp:plugin> 的 属性 及 说 明 


属 性 说 明 

证 加 载 Java 程序 的 类 型 ,可 设置 的 值 有 applet 及 bean。 其 中 applet 代表 加 载 Java 
Applet 程序 ,bean 则 代表 加 载 JavaBean 

code 指定 要 加 载 的 Java 的 类 文件 的 名 称 , 必 须 以 . class 结尾 命名 
指定 将 会 执行 的 Java 类 文件 所 在 的 目录 或 路 径 , 默 认 调用 当前 访问 的 JSP 文 件 的 

codebase 路 径 

name 指定 了 加 载 的 Applet 或 Bean 的 名 称 

align 加 载 的 插件 对 象 在 页 面 中 的 对 齐 方式 ,可 选 的 值 有 : bottom ,top,middle, left, right 


height 和 width 设置 加 载 对 象 的 高 度 和 宽度 ,单位 为 像素 

hspace 和 vspace 加 载 的 插件 与 页 面 其 他 内 容 的 水 平 间 隔 和 垂直 间隔 

<jsp:param > 向 Applet 或 Bean 中 传递 参数 

该 指令 中 间 的 一 段 文字 用 于 Java 插件 不 能 启动 时 显示 给 客户 端 ,如 果 插件 能 够 正 
<jsp:fallback > 确 启动 ,而 JavaBean 或 Java Applet 的 程序 代码 不 能 找到 并 执行 ,那么 浏览 器 将 会 
显示 这 个 错误 信息 


< jsp:plugin> 

type = "applet" 

code = "Test. class" 

codebase = "/example/jsp/applet" 

height = "180" 

width= "200" 

<jsp:params> 

< jsp:param name = "test" value = "TestPlugin"/> 

< jsp:fallback> To load applet is unsuccessful </jsp:fallback> 
</jsp:plugin> 


3.7 上 机 练习 


1. 编写 JSP 页 面 index. jsp login. jsp、backIndex. jsp。 
需求 说 明 : 通知 公告 发 布 系统 的 前 台 页 面 、. 登 录 页 面 . 后 台 页 面 由 HTML 改 为 JSP 页 
面 ,如 图 3-12 一 图 3-14 所 示 。 
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图 3-12 通知 公告 发 布 系统 index. jsp 页 面 效果 图 


国 | 急 hapmecanot pp -cx 


图 3-13 通知 公告 发 布 系统 后 台 login. jsp 页 面 效果 图 


实现 思路 : 

(1) 将 页 面 修改 成 JSP。 

(2) 修改 链接 ,将 . html 改 为 . jsp。 

(3) 启动 服务 器 ,浏览 JSP 页 面 ,检查 链接 和 表单 验证 。 

提示 修改 JSP 的 方式 : 

方式 1: 使 用 向 导 创建 JSP, 复 制 静态 内 容 。 

方式 2: 将 . htmL 文件 名 的 后 级 修改 为 .jsp, 在 JSP 首 行 加 入 : 


<% @ page language = "java" import = "java.util. *" pageEncoding = "utf-8" %> 


2. 添加 注释 。 
需求 说 明 : 在 练习 1 中 的 jsp 中 添加 HTML 注释 JSP 注释 、JSP 脚本 注释 。 
实现 思路 : 


提示 : <! -- HTML 注释 -- > 


(€) [Gheecahorsn: p - SOX |S uaan-ss* 


通知 公告 发 布 系统 -- 后 台 


迎 访问 通知 公告 发 布 系统 -- 后 台 


标题 
作者 


类 型 :教学 退 知 加 
[EE 下 


图 3-14 通知 公告 发 布 系统 后 台 backIndex. jsp 页 面 效 果 图 


<% --JSP 注 释 -- %> 
<% //JSP 脚本 注释 $> 
<% /x*JSP 脚本 注释 * /$%> 


3. 使 用 脚本 实现 简单 的 动态 输出 。 

需求 说 明 : 在 通知 公告 发 布 系统 的 index. jsp 页 面 中 添加 动态 输出 日 期 \ 时 间 的 功能 
实现 思路 : 

在 index. jsp 页 面 中 添加 JSP 脚本 关键 代码 如 下 : 


<% @ page language = "java" import = "java.util. * ,com.bean. *" pageEncoding = "UTF— 8" %> 


< 和 

// 使 用 预定 格式 将 日 期 转换 为 字符 串 

java. text. SimpleDateFormat formater = new 

java. text. SimpleDateFormat("yyyy 年 MI 月 dd 日 "); 
String strCurrentTime = formater. format(new Date()); 
第 > 

<$% = StrCurrentTime %> 
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完成 后 效果 如 图 3-15 所 示 。 


图 3-15 增加 了 动态 显示 时 间 index. jsp 页 面 效果 图 


3.8 总 结 


(1) JSP 的 工作 原理 , 当 用 户 通 过 浏览 器 请 求 访问 Web 应 用 时 ,Web 服务 器 会 使 用 JSP 
引擎 对 请 求 的 JSP 进行 编译 和 执行 ,然后 将 生成 的 页 面 返回 给 客户 端 浏 览 器 进行 显示 。 
Web 容器 通过 翻译 阶段 ,编译 阶段 ,执行 阶段 三 个 阶段 对 JSP 进行 处 理 。 

(2) JSP 文件 的 编写 过 程 中 共有 三 种 注释 方法 

HTML 注释 方法 ,格式 是 : <! 一 HTML 注释 ->; JSP 注释 标记 ,格式 是 : <%--JSP 注 
释 --%>; JSP 脚本 中 使 用 注释 ,格式 为 <%// 单 行 注 释 %>\<%/ * 多 行 注释 x* / %>。 

(3) JSP 的 常用 指令 元 素 有 三 种 : pageinclude、taglib。 

(4) 在 JSP 中 ,将 表达 式 (expression)、 小 脚本 (scriptlet) 声明 (declaration) 统 称 为 JSP 
脚本 元 素 。 

(5) JSP 中 动作 元 素 包 括 <jsp:include> <jsp:plugin>、<jsp:forward> <jsp:param >、 
<jsp:useBean > <jsp:getProperty> 和 <jsp:setProperty > 等 。 


3.9 作 业 


一 、 选 择 题 
1. 以 下 第 ( ) 种 注释 可 以 被 发 送 到 客户 端的 浏览 器 。 


EN 
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<% 一 第 一 种 一 %> 
<% // 第 二 种 %> 
<% /* 第 三 种 */ %> 
<! 一 第 四 种 -> 
A. 第 一 种 B. 第 二 种 C. 第 三 种 D. 第 四 种 
2. 在 某 个 JSP 页 面 中 存在 这 样 一 行 代 码 :<% 一 "2" 十 "4"%>, 运 行 该 JSP 后 ,以 下 说 法 
正确 的 是 (  )。 
A. 这 行 代码 对 应 的 输出 是 6 B. 这 行 代码 对 应 的 输出 是 24 
C. 这 行 代码 没有 输出 D. 这 行 代码 将 引发 错误 
3. 与 page 指令 <%@ page import 一 "java. util. * ,java. text. *"%> 等 价 的 是 ( %: 
A. <% @ page import = "java. util. *"%> 
<% @ page import = "java. text. * " %> 


B. <% @ page import = "java. util. *" import = " java. text. * "第 > 


C. <% @ page import = "java. util. * ,"; %> 
<% @ page import = "java. text. * "; %> 


.<$% @ page import = "java. util. * ;java. text. * " %> 

如 果 请 求 页 面 中 存在 两 个 单 选 按钮 (假设 单 选 按钮 的 名 称 为 is)。 分 别 代表 是 和 
,该 页 面 提交 后 ,为 了 获得 用 户 的 选择 项 ,可 以 使 用 以 下 ( ) 方 法 。 

。 request. getPararmeter(is) B. request.getPararmeter("is") 

。 request. getPararmeterValues(is) D. request. getPararmeterValues("is") 


page 指令 用 于 定义 JSP 文件 中 的 全 局 属性 ,下 列 关 于 该 指令 用 法 的 描述 中 错误 的 是 


. <%@ page %> 作 用 于 整个 JSP 页 面 

可 以 在 一 个 页 面 中 使 用 多 个 <%@ page %> 指 令 

为 增强 程序 的 可 读 性 ,建议 将 <%@ page %> 指 令 放 在 JSP 文件 的 开头 ,但 不 是 必 
需 的 

D. <%@ page %> 指 令 中 的 属性 只 能 出 现 一 次 
二 、 简 答题 
1 
人 


人 


Web 处 理 JSP 请 求 的 三 个 阶段 是 什么 ? 
给 定 如 下 JSP 代码 ,请 说 明 其 中 包含 了 哪些 JSP 页 面 元 素 。 


<% @ page language = "java" import = "java. util. * " contentType = "text/html; charset = UTF— 
8"%> 
<html> 
<head> 
<title> 输 出 字符 </title> 
<% -- 这 是 输出 字符 的 代码 -- %> 
</head> 
<body> 
<% 
String str = "hello JSP"; 


< 多 = str %> 
</body> 
</html > 


3. JSP 的 动作 元 素 包括 哪 几 种 ? 


三 、 程 序 题 
编写 一 个 JSP 页 面 ,在 两 个 文本 框 中 输 如 两 个 数字 ,提交 后 比较 两 个 数 的 大 小 ,输出 其 


中 较 大 的 值 。 
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因 本 音 学 习 目标 


二 了 解数 据 库 的 基本 概念 

二 了 解数 据 库 SQL Server 2008 

二 掌握 在 SQL Server 2008 中 创建 数据 库 
掌握 在 SQL Server 2008 中 创建 表 

< 熟 态 SQL 的 常用 查询 语句 

< 了解 JDBC 的 工作 原理 

二 掌握 使 用 JDBC 连接 数据 库 的 方法 

二 了解 JDBC-ODBC 桥 连 

二 掌握 纯 Java 驱动 方式 连接 数据 库 

二 掌握 在 WEB 项 目 中 创建 连接 数据 库 的 工具 类 


JSP 的 数据 库 应 用 开发 是 JSP 开发 中 的 重点 内 容 , 多 数 的 Web 应 用 都 离 不 开 JSP 与 数 
据 库 的 结合 。JSP 的 数据 开发 技术 可 以 根据 不 同 的 数据 呈现 不 同 的 页 面 ,比如 本 书 的 贯穿 
项 目 通知 公告 发 布 系统 等 。 在 JSP 中 的 数据 库 编程 主要 是 通过 JDBC 来 实现 的 。 本 章 就 结 
合 案例 来 介绍 JSP 数据 库 应 用 开发 方面 的 知识 。 


4.1 数据 库 简介 


数据 库 技术 产生 于 20 世纪 60 年 代 末 ,多 年 来 数据 库 技术 得 到 了 迅速 的 发 展 ,已 形成 了 
较为 完整 的 理论 体系 和 一 大 批 实 用 系统 ,数据 库 技术 已 融入 到 金融 、 商 业 和 工程 技术 等 各 个 
领域 。 


4.1.1 数据 库 基本 术语 


数据 (Data) 是 对 客观 事物 描述 和 记载 的 可 以 鉴别 的 物理 符号 ,是 客观 事物 的 基本 表达 。 
与 数据 相对 应 的 是 信息 ,信息 是 数据 的 集合 、 含 义 与 解释 ,是 事物 变化 ,特征 的 反映 。 

数据 库 (DataBase,DB) 是 指 在 计算 机 内 按 一 定形 式 存放 、 有 组 织 \ 统 一 管理 的 相关 数据 
和 数据 库 对 象 的 集合 。 数据库 对 象 是 指 表 (Table)、 视 图 (View)、 存 储 过 程 (Stored 
Procedure) .触发 器 (Trigger) 等 。 
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数据 库 管 理 系 统 (DataBase Management System,DBMS) 是 位 于 用 户 和 操作 系统 (Operation 
System,OS) 之 间 的 一 层 数 据 管理 软件 , 它 能 够 科学 地 组 织 和 存储 数据 .高效 地 获取 和 维护 数 
据 , 并 能 为 用 户 提供 访问 数据 库 的 方法 ,包括 数据 库 的 建立 ,查询 插入、 修改 和 删除 等 。 
数据 库 管理 员 (DataBase Administrator,DBA) 是 指 
二 Eee [rm ] [2 [用 mw 
负责 数据 库 系 统 正 常 运行 .承担 数据 库 的 创建 ,监控 、 维 < 
护 等 工作 的 一 组 人 人员。 数据库 管理 员 主 要 有 以 下 职责 : 


决定 数据 库 中 的 信息 内 容 . 存 储 结构 .存储 策略 等 ,定义 a 

数据 库 的 安全 性 要 求 和 完整 性 约束 条 件 ,监控 数据 库 的 于 

使 用 和 运行 ,包括 数据 库 的 转 储 .故障 恢复 等 ,数据 库 的 DBA 

优化 .重组 . 重 构 等 。 Ds 
数据 库 系 统 (DataBase System, DBS) 是 指 实现 有 组 

织 . 动 态 地 存储 大 量 关联 数据 .方便 用 户 访问 的 计算 机 硬 


件 、 软 件 和 数据 资源 的 系统 , 它 主 要 由 数据 库 、 数 据 库 管 ”图 4-1 数据 库 管理 系统 (DBMS) 
理 系统 、 应 用 系统 数据 库 管 理 员 及 用 户 组 成 。 在 不 引起 
混淆 的 情况 下 , 常 将 数据 库 系统 简称 为 数据 库 , 如 图 4-1 所 示 。 


4.1.2 关系 数据 库 


根据 数据 库 管 理 系 统 基 于 的 数据 模型 ,可 将 数据 库 分 为 层次 数据 库 、 网 状 数据 库 、 关 系 
数据 库 ,面向 对 象 数据 库 。 目 前 应 用 最 广泛 的 是 关系 数据 库 ,支持 关系 数据 库 的 数据 库 产品 
有 很 多 ,如 IBMDB2、Oracle、Sybase、Microsoft SQL Server 等 。 本 节 主 要 介绍 关系 数据 库 
的 一 些 基 础 知识 ,包括 关系 数据 库 的 基本 概念 、 完 整 性 规则 等 内 容 。 

1. 基本 概念 

关系 数据 库 是 以 关系 模型 为 基础 的 ,关系 模型 是 利用 二 维 表格 表示 数据 的 数据 模型 。 
下 面 以 贯穿 项 目的 notice 数据 库 为 例 , 介 绍 关 系数 据 库 中 的 基本 概念 。 

数据 库 notice 中 保存 用 户 信 息 、 通 知 公告 信息 、 通 知 公 告 类 型 信息 ,分 别 见 表 4-1、 
表 4-2、 表 4-3。 由 于 表 4-1、 表 4-2、 表 4-3 关系 模型 与 二 维 表格 类 似 , 因 此 采用 关系 模型 来 表 
示 notice 数据 库 ,并 将 notice 数据 库 中 存储 的 三 个 数据 表 (DataTable) 命 名 为 Notice、Nuser 
和 Type, 也 称 为 关系 Notice 关系 Nuser 和 关系 Type。 


表 4-1 用 户 表 
Uno Uname Upassword 
1 admin admin 
2 a a 


表 4-2 通知 公告 信息 表 


Nno Ntitle Neontent Neditor NereateTime Ntype 
1 放假 通知 元 旦 放假 通知 教务 处 2012-12-26 1 

2 录 和 人 成绩 通知 | 请 考试 结束 的 教务 处 2012-12-20 1 

3 招标 公告 我 校 实验 中 心 设备 处 2012-11-15 3 


4.1 数据 库 简介 (sD 


~ 
表 4-3 通知 公告 类 型 表 
Tno TtypeName 
教学 通知 
2 科研 通知 
3 招标 公告 


关系 的 首 行 称 为 属性 (atrribute) ,也 称 为 字段 (field) 等 ,关系 的 属性 就 是 关系 各 列 的 名 
字 , 属 性 描述 了 所 在 列 的 意义 。 例 如 关系 Nuser 中 具有 如 下 3 个 属性 : Uno、Uname 和 
Upassword, 各 个 属性 分 别 表示 用 户 的 编号 、 姓 名 和 密码 。 

关系 中 每 一 个 属性 都 有 一 个 取 值 范围 , 称 为 该 属性 的 域 (Domain)。 例 如 在 通知 公告 信 
息 关 系 中 ,属性 Ntitle、Ncontent、Neditor 的 域 必须 是 字符 串 型 ,属性 NcreateTime 的 取 值 
必须 为 日 期 类 型 ,属性 Ntype 必须 为 整数 型 。 

关系 名 和 关系 的 属性 集合 称 为 关系 的 模式 。 要 表示 一 个 关系 的 模式 ,一般 用 括号 将 属 
性 集 括 起 来 ,并 将 关系 名 写 在 括号 的 前 面 ,格式 如 下 : 


Relation Name(attributel,attribute2,attribute3, -…) 
下 面 表示 关系 Nuser 的 模式 : 
Nuser(Uno, Uname, Upassword) 


在 关系 中 ,字段 的 有 序 集合 称 为 记录 ,记录 的 各 个 分 量 分 别 对 应 着 关系 的 各 个 属性 。 要 
表示 一 条 记录 ,一般 用 括号 将 整 条 记录 的 分 量 括 起 来 ,并 用 逗号 将 各 分 量 隔 开 , 如 下 表示 一 
条 记录 : 


(1,admin, admin) 


在 关系 中 ,一 条 记录 中 有 若干 个 属性 , 若 其 中 某 一 个 属性 组 能 唯一 标识 一 条 记录 ,该 属 
性 组 就 可 以 成 为 一 个 主键 。 

例如 ,在 关系 Nuser(Uno,Uname,Upassword) 中 ,用 户 的 编号 是 唯一 的 ,也 可 以 标识 一 
条 记录 ,所 以 Uno 就 是 一 个 主键 。 在 关系 Notice ( Nno, Ntitle, Ncontent, Neditor， 
Necreate Time, Ntype) 中 ,notice 的 编号 也 是 唯一 的 ,也 可 以 标识 一 条 notice 记录 ,所 以 Nno 
就 是 关系 Notice 的 主键 , 同 理 ,Tno 就 是 关系 Type(Tno,TtypeName) 的 主键 。 

关系 Notice 中 Ntype 不 是 主键 ,但 是 它 和 关系 Type 中 的 Tno 对 应 ,并 且 Tno 是 关系 
Type 的 主键 , 则 称 关系 Notice 中 的 Ntype 是 关系 Notice 的 外 键 。 

总 结 

定义 主键 和 外 键 主要 是 为 了 维护 关系 数据 库 的 完整 性 。 

主键 是 能 确定 一 条 记录 的 唯一 标识 ,例如 ,一 条 记录 包括 学 号 、 姓 名 、 年 龄 。 学 号 是 唯一 
能 确定 这 个 人 的 ,其 他 都 可 能 有 重复 ,所 以 ,学 号 是 主键 。 外 键 用 于 与 另 一 张 表 的 关联 ,是 能 
确定 另 一 张 表 记 录 的 字段 ,用 于 保持 数据 的 一 致 性 。 比 如 ,A 表 中 的 一 个 字段 ,是 BB 表 的 主 
键 , 那 它 就 可 以 是 A 表 的 外 键 , 则 A 表 中 该 字段 的 取 值 ,应 在 B 表 主键 取 值 的 范围 中 。 

数据 库 表 结构 是 指 这 个 数据 库 表 名 字 、 字 段 、 主 键 等 表 的 信息 。 这 三 个 数据 表 的 表 结 构 
如 表 4-4 一 表 4-6 所 示 。 


py 
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表 4-4 Nuser 表 结构 


字段 名 称 数据 类 型 是 否 主键 说 明 
Uno int 是 自动 编号 
Uname nvarchar(50) 用 户 姓 名 
Upassword nvarchar(50) 用 户 密 码 


表 4-5 Notice 表 结 构 


字段 名 称 数据 类 型 是 否 主键 说 明 
Nno int 是 自动 编号 
Ntitle nvarchar(200) 通知 公告 标题 
Neontent ntext 通知 公告 内 容 
Neditor nvarchar(50) 编辑 人 
NereateTime datetime 创建 时 间 
Ntype int 外 键 类 型 


字段 名 称 数据 类 型 是 否 主键 说 明 
Tno int 是 自动 编号 
TtypeName nvarchar(100) 通知 公告 类 型 名 

2. 完整 性 规则 


为 了 使 数据 库 中 的 数据 和 现实 世界 保持 一 致 ,关系 数据 库 定 义 了 如 下 三 类 完整 性 规则 : 
实体 完整 性 .参照 完整 性 和 用 户 定 义 的 完整 性 。 

(1) 实体 完整 性 规则 (Entity Integrity Rule) 

在 该 规则 中 , 若 属 性 集 A 为 关系 R 的 主键 , 则 属性 集 A 不 能 取 空 值 ,否则 主键 值 就 不 
能 起 到 唯一 表示 记录 的 作用 。 例 如 在 关系 Nuser 中 ,属性 Uno 为 关系 Nuser 的 主键 , 则 该 
属性 对 应 的 值 不 能 为 空 值 。 

(2) 参照 完整 性 规则 (Reference Integrity Rule) 

该 规则 规定 ,车 属性 集 下 为 关系 R1 的 主键 . 且 属 性 集 F 为 关系 R2 的 外 键 , 则 在 关系 
R: 中 属性 集 FF 的 取 值 必须 是 以 下 两 种 情况 之 一 : 空 值 (属性 集 F 中 的 每 个 属性 均 为 空 值 ) 
或 等 于 关系 R1 中 某 个 主键 值 。 例 如 在 关系 Notice 和 Type 中 ,属性 Ntype 为 关系 Notice 
的 外 键 , 则 属性 Ntype 在 关系 Notice 中 的 取 值 只 能 为 空 值 或 等 于 关系 Type 中 属性 Tno 的 
某 个 值 。 

(3) 用 户 定义 的 完整 性 规则 

用 户 定义 的 完整 性 规则 是 针对 某 一 具体 关系 数据 库 的 约束 条 件 , 它 反映 某 一 具体 应 用 
所 涉及 的 数据 必须 满足 的 语义 要 求 。 例 如 在 某 关系 中 ,人 的 年 龄 可 以 利用 定义 的 完整 性 规 
则 ,将 年 龄 限定 在 0 一 200 之 间 。 
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4.2 结构 化 查询 语言 SQL 简介 


SQL (Structured Query Language) 是 结构 化 查询 语言 的 简称 。SQL 的 主要 功能 是 同 
各 种 数据 库 建 立 联系 ,进行 沟通 , 它 可 用 来 执行 各 种 操作 ,如 数据 库 中 检索 数据 ,更 新 数据 库 
中 的 数据 等 。 

目前 绝 大 多 数 的 关系 数据 库 管理 系统 如 IBM DB2、Microsoft SQL Server、MySQL 等 
都 采用 了 SQL 标准 ,这 些 数 据 库 系统 除了 采用 SQL 标准 外 ,也 对 SQL 进行 了 扩展 ,然而 一 
些 常 用 的 标准 SQL 命令 ,如 select,insert、update、delete、drop、create 等 ,几乎 可 以 完成 所 
有 的 数据 库 的 操作 。 


4.2.1 SQL 的 组 成 


按照 SQL 的 功能 ,SQL 由 以 下 3 部 分 组 成 。 

(1) 数据 定义 语言 (Data Definition Language, DDL) 它 主 要 用 于 定义 SQL 模式 数 
据 表 、 视 图 和 索引 等 结构 。 

(2) 数据 操纵 语言 (Data Manipulation Language,DML) 它 可 分 为 数据 查询 和 数据 更 
新 两 类 ,其 中 数据 更 新 又 可 分 为 数据 插入 、 数 据 删除 和 数据 修改 。 

(3) 数据 控制 语言 (Data Control Language, DCL) ” 它 用 来 设 定 或 更 改 数据 库 用 户 或 
角色 ,包括 对 数据 表 和 视图 的 授权 、 完 整 性 规则 的 描述 、 事 务 控 制 等 。 

在 上 述 SQL 中 ,JSP 最 常用 的 为 数据 定义 语言 和 数据 操纵 语言 。 下 面 就 来 介绍 SQL 
中 最 常用 的 命令 。 
4.2.2 SQL 中 常用 的 命令 

1. 创建 数据 库 create database 

在 SQL 中 ,创建 一 个 新 数据 库 的 基本 语法 格式 如 下 : 

create database 数据 库 名 称 
例如 : create database notice。 

数据 库 名 称 在 服务 器 中 必须 唯一 ,并 且 符 合 标识 符 的 命名 规则 。 

2. 创建 表 create table 

在 SQL 中 ,创建 一 个 新 表 的 基本 语法 格式 如 下 : 

create table 表 名 称 ( 列 名 数据 类 型 , …) 
例如 : 


create table Nuser(Uno int, Uname nvarchar(50), Upassword nvarchar(50) ) . 


表 的 名 称 必须 符合 标识 符 命 名 规则 , 列 名 即 为 字段 名 ,必须 符合 标识 符 规 则 ,并 且 在 表 
内 唯一 。 数 据 类 型 可 以 是 系统 数据 类 型 或 用 户 定义 数据 类 型 。 

在 数据 库 中 ,为 了 操作 和 编程 方便 , 表 名 和 字段 名 一 般 用 代号 表示 。 例 如 ,对 于 关系 模 
式 用 户 信息 (编号 ,姓名 ,密码 ) 的 表 , 用 Nuser 表示 用 户 表 名 ,用 Uno,Uname 和 Upassword 
分 别 表示 各 项 目的 字段 名 。 同 样 ,通知 公告 信息 表 : 表 名 Notice, 编 号 .标题 .内 容 、 编 辑 人 、 
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创建 时 间 和 类 型 ,分 别 对 应 的 字段 为 Nno、Ntitle、Ncontent、Neditor、Ncereatetime 和 Ntype。 
通知 公告 类 型 表 : 表 名 Type, 编 号 .类 型 名 称 对 应 的 字段 名 分 别 为 Tno 和 TtypeName。 

3. 插入 数据 语句 insert 

insert 可 添加 记录 到 表 中 ,其 语法 形式 如 下 : 


insert into 表 名 [( 字 段 名 表 ) ] values( 值 表 ) 
例如 ,向 用 户 表 添加 一 条 记录 ,并 给 所 有 字段 赋值 : 


insert into Nuser values( 'rose', 'red'); 


例如 ,向 Notice 表 添加 一 条 记录 ,并 给 3 个 字段 赋值 : 


insert into Notice (Ntitle, Ncontent, Neditor) values( "放假 通 知 ', ' 元 旦 放假 三 天 ', ' 教 务 处 ') 


CE 说 明 
SQL 中 字母 是 不 区 分 大 小 写 的 ,语法 格式 中 所 出 现 符号 的 意义 约定 如 下 : 
“| ”分隔 括 号 或 大 括号 中 的 语法 项 ,只 能 选择 其 中 一 项 ; 
“[ ]” 可 选 语法 项 (不 要 输入 方 插 号 ); 
“{ )” 必 选 语法 项 (不 要 输入 大 括号 ); 
“[…n]” 指 示 前 面 的 项 可 以 重复 nm 次 ,每 一 项 由 过 号 分 隔 ; 
“( )” 一 定 要 输入 小 括号 。 
4. 删除 数据 语句 delete 
delete 用 来 从 表 中 删除 记录 ,其 语法 格式 如 下 : 


delete from 表 名 [where 条 件 ] 


例如 ,从 Nuser 表 中 删除 姓名 为 "rose" 的 记录 : 


Se 


delete from Nuser where Uname = 'rose' 


5. 更 新 数据 语句 update 
update 语句 用 来 更 新 表 中 的 记录 ,其 语法 格式 如 下 : 


update 表 名 set 字段 名 1 = 值 1[, 字 段 名 2= 值 2…][where 条 件 ] 
例如 ,将 Notice 表 中 的 Neditor 改 为 ' 教 务 处 ' 条 件 是 Neditor 为 ' 财 务 处 ' 
update notice set Neditor = ' 教 务 处 ' where Neditor = ' 财 务 处 ' 


6. 数据 查询 语句 select 
select 的 语法 形式 如 下 : 


select [distinct][ 别 名 . ] 字 段 名 或 表达 式 [as 列 标题 ] 
from 表 或 视图 别名 


[where 条 件 ] 
[groupby 分 组 表达 式 ] 


FN 
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[orderby 排序 表达 式 [ asc|desc ]] 


其 中 : select 子 句 指 出 查询 结果 中 显示 的 字段 名 或 字段 名 和 郴 数组 成 的 表达 式 等 ,as 
列 标题 指定 查询 结果 显示 的 列 标题 。 若 要 显示 表 中 所 有 字段 ,可 用 通配符 ” * ”代替 字段 名 
列表 。 可 用 distinct 去 除 重复 的 记录 行 ; from 子 句 指定 表 或 视图 ; where 子 句 定义 了 查询 
条 件 ; groupby 子 句 对 查询 结果 分 组 ; orderby 子 句 对 查询 结果 排序 。 语 法 形式 中 的 “ 别 
名 ”, 是 给 表 另 起 一 个 简单 的 名 字 ,以 供 调用 其 属性 时 使 用 。 

例如 以 下 查询 内 容 。 

(1) 查询 notice 数据 库 中 的 Notice 表 中 的 标题 和 内 容 


use notice 
select Ntitle, Ncontent from Notice 


(2) 查询 Notice 表 中 所 有 的 信息 

select * from Notice 

(3) 查询 Nuser 表 中 信息 Uname 显示 名 为 “用 户 名 ”,Upassword 显示 名 为 “密码 ” 
select u. Uname as 用 户 名 ,u. Upassword as 密码 from Nuser u 

(4) 查询 Notice 表 中 Nno 为 1 的 信息 

select * from Notice where Nno=1 

(5) 查询 Notice 表 中 标题 中 有 “放假 ”的 信息 

select * from Notice where Ntitle like '% 放假 %' 

(6) 查询 Notice 表 中 由 教务 处 发 通知 的 信息 

select * from Notice where Neditor = ' 教 务 处 ' 

(7) 查询 Notice 表 中 发 布 时 间 在 2012-12-01 到 2013-01-01 之 间 的 信息 

select * from Notice where NcreateTime between '2012-12-01' and '2013-01-01' 

(8) 查询 类 型 名 为 科研 通知 的 通知 公告 信息 

select * from Notice where Ntype= (select Tno from Type where TtypeName = ' 科 研 通知 ' ) 
(9) 查询 类 型 名 不 是 为 科研 通知 的 通知 公告 信息 

select * from Notice where Ntype not in(select Tno from Type where TtypeName = ' 科 研 通知 ' ) 


查询 中 常用 到 一 些 聚 合 函数 , 表 4-7 所 示 为 常用 的 聚合 函数 。 


表 4-7 聚合 函数 
函数 名 称 说 明 
avg 求 平均 值 
count 求 项 数 ,返回 int 类 型 整数 


续 表 
函数 名 称 说 明 
max 求 最 大 值 
min 求 最 小 值 
sum 返回 表达 式 中 所 有 值 的 和 


(1) 查询 类 型 为 1 的 notice 的 个 数 

select count( * ) from Notice where Ntype=1 
(2) 查询 类 型 表 中 Tno 最 大 的 信息 
select max(Tno) from type 

(3) 查询 通知 公告 信息 按 类 型 分 组 的 个 数 
select count( * ) from Notice group by Ntype 


7. 删除 表 或 是 数据 库 语句 drop 
语法 形式 如 下 : 


drop table| database table name| database name. 


4.3 SQL Server 2008 数据 库 管理 系统 


SQL Server 2008 数据 库 管理 系统 是 一 个 可 信任 的 、 高 效 的 ,智能 的 数据 平台 ,利用 它 
可 以 有 效 地 管理 数据 库 。SQL Server 2008 的 下 载 和 安装 在 这 里 不 介绍 了 。 

1. 启动 SQL Server 2008 

为 了 在 Web 应 用 程序 访问 SQLSever 2008 管理 的 数据 库 , 必 须 启 动 SQL Server 2008 
提供 的 数据 库 服 务 器 。 如 果 已 经 安装 SQL Server 2008 ,首先 启动 SS Server 服务 。 

启动 服务 有 两 种 方式 : 

。 所 有 程序 一 Microsoft SQL Server 2008 习 配置 工具 一 SQL Server 配置 管理 器 一 

SQL Server 服务 一 SQL Server(MSSQLSERVER) 启 动 

。 控制 面板 一 服务 一 SQL Server(MSSQLSERVER) 启 动 

2. 建立 数据 库 

打开 "Microsoft SQL Server Management Studio"。 在 “数据 库 ” 目 录 下 是 已 有 的 数据 
库 的 名 称 ,右键 单 击 “ 数 据 库 ?可 以 建立 新 的 数据 库 ,我 们 新 建立 的 数据 库 名 称 是 ”notice"， 
如 图 4-2 所 示 。 

3. 创建 表 

在 建立 的 数据 库 notice 中 ,右键 单 击 “ 表 ”可 以 建立 新 的 表 , 创 建 名 字 为 Nuser 的 表 。 表 
的 属性 (字段 ) 为 : Uno( 编 号 ) ,Uname( 用 户 名 ) 和 Upassword( 密 码 ) ,数据 类 型 和 主键 参照 
表 4-4, 如 图 4-3 所 示 。 

其 他 两 个 表 类 似 地 创建 。 通 知 公告 系统 的 数据 库 和 表 建 立 完毕 
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4-2 创建 数据 库 notice 
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4.4 JDBC 


我 们 都 知道 ,Java 语言 具有 稳健 、 安 全 、 易 于 使 用 .易于 理解 等 特性 ,为 开发 数据 库 应 用 
提供 了 良好 的 语言 基础 ,而 JDBC 则 充当 了 Java 应 用 程序 与 各 种 不 同 数据 库 之 间 进 行 对 话 
的 媒介 。JDBC 是 Java 数据 库 连 接 (Java DataBase Connection) 技 术 的 简称 , 它 提 供 连接 各 
种 常用 数据 库 的 能 力 。 有 了 JDBC ,访问 各 种 数据 库 就 是 一 件 很 容易 的 事 。 换 言 之 ,有 了 
JDBC ,就 不 必 为 访问 Sybase 数据 库 专 门 写 一 个 程序 ,为 访问 Oracle 数据 库 又 专门 写 一 个 程 
序 ,为 访问 SQL Server 数据 库 又 写 另 一 个 程序 。 我 们 只 需要 用 JDBC 写 一 个 程序 就 够 了 。 


4.4.1 JDBC 程序 的 工作 原理 


既然 JDBC 如 此 重要 ,我们 就 赶快 来 了 解 一 下 它 的 工作 原 
理 吧 。JDBC 程序 的 工作 原理 如 图 4-4 所 示 。 

从 图 4-4 中 可 以 看 到 一 个 JDBC 程序 的 几 个 重要 的 组 成 要 JDBC API 
素 。 最 顶层 当然 是 我 们 自己 编写 的 Java 应 用 程序 ,Java 应 用 程 ee 
序 可 以 使 用 集成 在 JDK 中 的 java. sql 和 javax. sql 包 中 的 Java 区 
API 来 连接 和 操作 数据 库 。 下 面 我 们 就 采用 从 上 到 下 的 顺序 依 


Java 应 用 程序 


JDBC 驱 动 JDBC 驱 动 


次 讲解 剩余 的 几 个 要 素 。 

1. JDBC API JDBC API 由 Sun 公司 提供 , 它 提 供 了 Java 应 c 一 > 
用 程序 与 各 种 不 同 数据 库 交互 的 标准 接口 ,如 :Connection( 连 接 ) 
接口 .Statement 接口 、PreparedStatement 接口 、ResultSet (结果 
集 ) 接 口 等 。 开 发 者 使 用 这 些 JDBC 接口 进行 各 类 数据 库 操作 。 四“ TDBC 工作 原理 

2. JDBC Driver Manager 由 Sun 公司 提供 , 它 能 够 管理 各 种 不 同 的 JDBC 驱动 。 

3. JDBC 驱动 JDBC 驱动 由 各 个 数据 库 厂商 提供 ,负责 连接 各 种 不 同 的 数据 库 。 如 
在 图 4-4 中 所 示 ,微软 公司 为 我 们 提供 了 专门 连接 SQL Server 的 JDBC 驱动 ,而 Oracle 公 
司 则 为 我 们 提供 了 专门 连接 Oracle 的 JDBC 驱动 。 这 些 JDBC 驱动 实现 了 JDBC API 中 定 
义 的 各 种 接口 。 在 开发 Java 应 用 程序 时 ,我 们 只 需 正 确 加 载 JDBC 驱动 ,正确 调用 JDBC 
API 进行 数据 库 的 访问 。 


4.4.2 JDBC API 
图 4-5 为 我 们 展示 了 在 使 用 JDBC API 时 ,JDBC API 工作 的 4 个 重要 环节 : 


1 1 
Connection © je | 
1 1 
1 
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@ 
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图 4-5 JDBC API 
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1. DriverManager 类 : 依据 数据 库 的 不 同 , 管 理 JDBC 驱动 ; 

2. Connection 接口 : 负责 连接 数据 库 并 担任 传送 数据 的 任务 ; 

3. Statement 接口 : 由 Connection 产生 ,负责 执行 SQL 语句 ; 

4. ResultSet 接口 : 负责 保存 Statement 执行 后 所 产生 的 查询 结果 。 


4.4.3 JDBC 程序 的 代码 模板 


利用 JDBC 实现 数据 库 的 操作 一 般 可 以 分 为 如 下 几 个 步骤 : 
. 加 载 JDBC 驱动 程序 
. 获取 连接 接口 
创建 Statement 对 象 
执行 Statement 对 象 
. 查看 返回 的 结果 集 
关闭 Statement 对 象 
. 关闭 连接 接口 
下 面 就 具体 的 解释 一 下 这 几 个 步 又。 
第 一 步 : 把 JDBC 驱动 类 装载 人 Java 虚拟 机 中 。 为 此 ,可 使 用 Class. forName() 方 法 ， 
此 方法 将 给 定 的 类 加 载 到 Java 虚拟 机 中 。 如 果 系 统 中 不 存在 给 定 的 类 , 则 会 引发 异常 , 异 
常 类 型 为 ClassNotFoundException。 代 码 示例 : 


Class. forName("JDBC 驱动 类 的 名 称 "); 


第 二 步 : 加 载 驱 动 , 并 与 数据 库 建立 连接 。DriverManager 类 跟踪 已 注册 的 驱动 程序 ， 
当 调 用 getConnection() 方 法 时 , 它 会 搜索 整个 驱动 程序 列表 ,直到 找到 一 个 能 够 连接 至 数 
据 连 接 字符 串 中 指定 的 数据 库 的 驱动 程序 。 加 载 此 驱动 程序 之 后 ,将 使 用 DriverManager 
类 的 getConnection() 方 法 建立 与 数据 库 的 连接 。 此 方法 接收 三 个 参数 ,分别 表 示 URL ,用 
户 名 和 密码 。 用 户 名 和 密码 是 可 选 的 。 代 码 示例 : 


Connection con = DriverManager. getConnection( 数 据 库 连接 字符 串 , 数 据 库 用 户 名 ,密码 ); 

第 三 ` 四 步 : 发 送 SQL 语句 ,并 得 到 结果 集 。 一 旦 连接 建立 ,就 使 用 该 连接 创建 
Statement 接口 的 实例 ,并 将 SQL 语句 传递 给 它 所 连接 的 数据 库 , 并 返回 类 型 为 ResultSet 
的 对 象 , 它 包含 执行 SQL 查询 的 结果 。 代 码 示例 : 
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Statement stmt = con.createStatement(); 

ResultSet rs = stmt. executeQuery("SELECT a, b, c FROM Table"); 

第 五 步 : 处 理 结果 。 使 用 ResultSet 对 象 的 next() 方 法 将 光标 (cursor) 指 向 下 一 行 。 
最 初 光标 位 于 第 一 行 之 前 ,因此 第 一 次 调用 next() 方 法 将 把 光标 置 于 第 一 行 上 。 如 果 到 达 
结果 集 的 末尾 , 则 ResultSet 的 nextQ 〇 方法 会 返回 false。 方 法 getXXX 提供 了 获取 当前 行 
中 某 列 值 的 途径 , 列 名 或 列 号 可 用 于 标识 要 从 中 获取 数据 的 列 。 例 如 ,如 果 数 据 表 中 第 一 列 
的 列 名 为 a ,存储 类 型 为 整 型 , 则 可 以 使 用 两 种 方法 获取 存储 在 该 列 中 的 值 ,例如 : int x 一 
rs. getInt("a"); 或 者 : int x 二 rs. getInt( 1); 处 理 结果 的 代码 示例 : 
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while(rs. next){ 
int x = rs.getInt("a"); 
String s = rs.getString("b"); 
float f = rs.getFloat("c"); 


第 六 .七 、 八 步 为 关闭 对 象 ,释放 有 效 资源 


/#¥ 
* JDBC 程序 的 代码 模板 
*/ 
try { 
Class. forName(JDBC 驱动 类 ); 
} catch (ClassNotFoundException e) { 
System. out. println( "无 法 找到 驱动 类 "); 
} 
try { 
Connection con = DriverManager. getConnection(JDBC URL, 数据 库 用 户 名 , 密码 ) ; 
Statement stmt = con.createStatement(); 
ResultSet rs = stmt.executeQuery("SELECT a, b, c FROM Tablel"); 
while (rs.next()) { 
int x = rs.getInt("a"); 
String s = rs.getString("b"); 
float f = rs.getFloat("c"); 
} 
} catch (SQLException e) { 
e. printStackTrace( ); 
}finally{ 
rs.close(); 
stmt. clse(); 
con. close( ); 


问题 : 什么 是 JDBC URL? 


答 : JDBC URL 提供 了 一 种 标识 数据 库 的 方法 ,可 以 使 相应 的 JDBC 驱动 程序 
能 识别 数据 库 并 与 之 建立 连接 。 实 际 上 ,在 编写 Java 应 用 程序 时 ,我 们 不 必 关 心 如 何 
来 形成 JDBC URL ,只 需 使 用 与 JDBC 了 驱动 程序 一 起 提供 的 URL 即 可 。 
JDBC URL 的 标准 语法 由 以 下 三 个 部 分 组 成 .各 部 分 间 用 冒号 分 隔 。 
jdbc:< 子 协议 >:< 子 名 称 > 
JDBC URL 的 三 个 部 分 可 以 分 解 如 下 : jdbc 一 一 代表 协议 ; < 子 协议 > 一 一 驱动 程序 名 

或 数据 库 连接 机 制 的 名 称 ; < 子 名 称 > 一 一 一 种 标识 数据 库 的 方法 。 

以 下 为 两 个 比较 典型 的 JDBC URL 示例 ,将 在 稍 后 详细 加 以 介绍 。 
(1) jdbc:odbc:notice 


2 
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(2) jdbc:microsoft:sqlserver://localhost:1433; DatabaseName= notice 
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Statement 与 PreparedStatement 的 区 别 

我 们 知道 获取 Connection 对 象 之 后 ,就 可 以 使 用 Connection 对 象 生成 的 Statement 实 
例 , 进 行 数 据 库 的 操作 : executeQuery (String sql), 执行 SQL 查询 获取 对 象 ; 
executeUpdate(String sql) ,执行 插入 、 删 除 、 更 新 等 操作 ,返回 影响 的 行 数 ; excute(String 
sql) 最 一 般 的 执行 方法 。 

PreparedStatement 接口 继承 自 Statement 接口 ,PreparedStatement 比 Statement 对 象 
使 用 起 来 更 加 的 灵活 。PreparedStatement 实例 包含 已 编译 的 SQL 语句 ,SQL 语句 可 有 一 
个 或 多 个 输入 参数 ,用 “?” 作 为 占 位 符 。 由 于 PreparedStatement 对 象 已 经 预 编译 ,所 以 执 
行 速度 快 于 Statement。 


4.4.4 JDBC 驱动 


JDBC 驱动 由 数据 库 厂 商 提 供 , 在 我 们 实际 编程 过 程 中 ,有 两 种 较为 常用 的 驱动 方式 。 
第 一 种 是 JDBC-ODBC 桥 连 ,适用 于 个 人 开发 与 测试 , 它 通 过 ODBC 与 数据 库 进 行 连接 , 另 
一 种 是 纯 Java 驱动 , 它 直 接 同 数据 库 连接 ,在 生产 型 开发 中 推荐 使 用 纯 Java 驱动 方式 。 这 
两 种 连接 方式 的 示意 图 如 图 4-6 所 示 。 
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图 4-6 两 种 常用 的 驱动 方式 


1. JDBC-ODBC 桥 连 ” 它 将 对 JDBC API 的 调用 转换 为 对 另 一 组 数据 库 连 接 ( 即 
ODBC) API 的 调用 。 如 图 4-7 所 示 。 
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图 4-7 JDBC-ODBC 桥 连 
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JDK 中 已 经 包括 了 JDBC-ODBC 桥 连 的 驱动 接口 ,所 以 进行 JDBC-ODBC 桥 连 时 ,不 需 
要 额外 下 载 JDBC 驱动 程序 ,只 需要 配置 ODBC 数据 源 即 可 ,具体 配置 步骤 如 下 : 

(1) 选择 “开始 ”一 “控制 面板 “管理 工具 ”一 “数据 源 (ODBC) "选项 ,打开 “ODBC 数 
据 源 管理 器 ”对 话 框 ,如 图 4-8 所 示 。 


Microsoft Access dBASE Driver (¢.d 
Excel Files Microsoft Excel Driver 全 -xls 二 对 
NS Access Database Microsoft Access Driver (fm 一 


| ; 


Nn 


[| ER 
4-8 “ODBC 数据 源 管理 器 ”对 话 框 
(2) 选择 “系统 DSN” 选 项 卡 , 单 击 “ 添 加 "按钮 ,打开 “创建 新 数据 源 ” 对 话 框 ,如 图 4-9 所 示 。 


选择 您 想 为 其 安装 数据 源 的 驱动 程序 S)。 
名 称 


Microsoft Paradox-Treiber 人 ab ) 
Mierosoft Text Driver (txt: 本 csv) 
Microsoft Text-Treiber (t,txt; 本 esy) 
Mierosoft Visual FoxPro Driver 
Microsoft Visusl FoxPro-Treiber 

SQL Server 

SQL Server Native Client 10.0 
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图 4-9 “创建 新 数据 源 ” 对 话 框 


(3) 在 对 话 框 中 选中 “SQL Server” 选 项 ,然后 单 击 “ 完 成 ”按钮 ,打开 “创建 到 SQL 
Server 的 新 数据 源 ” 对 话 框 ,如 图 4-10 所 示 。 

在 名 称 一 栏 添 和 “notice” ,服务器 一 栏 添 入 “localhost”, 单 击 “ 下 一 步 ”按钮 。 

(4) 在 “DSN 配置 ”中 选择 使 用 用 户 输入 登录 ID 和 密码 的 SQL Server 验证 。 登 录 ID: 
sa, 密 码 : 123456。 如 图 4-11 所 示 , 单 击 “ 下 一 步 ” 按 钮 。 

(5) 在 “更 改 默认 的 数据 库 为 ”中 ,选择 已 经 建 好 的 notice 数据 库 , 单 击 “ 下 一 步 ” 按 钮 ， 
如 图 4-12 所 示 。 
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此 向 导 将 帮助 建立 一 个 能 用 于 连接 SQL Server 的 0DBC 数据 源 。 
您 想 用 什么 名 称 来 命名 数据 源 ? 
名称 虽 :notice 


您 希望 如 何 扬 述 此 数据 源 ? 
氢 述 中: 


您 想 连 接 哪 一 个 SQL Server? 
服务 器 5): 


4-10 “创建 到 SQL Server 的 新 数据 源 ” 对 话 框 


SQL Server 应 该 如 何 验证 登录 ID 的 真 伪 ? 

占 使 用 网 络 登录 ID 的 Windows 页 验证 人 )。 

图 使 用 用 户 输入 登录 巧 和 密码 的 SQL Server 验证 G)。 
要 更 次 用 于 与 SQL Server 通讯 的 网 络 库 ， 请 单 击 “ 客 户 庙 配置 ” 


[ BAD] 


回 连 接 SQL Server 以 获得 其 它 配 置 选项 各 认 设置 C)。 


图 4-11 DSN 配置 
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回 只 有 当 断 开 时 D)。 

站 当 断 开 时 和 ; 广 结 时 同样 适用 0 。 
使 用 ASI 引用 的 标识 符 0 。 
使 用 AMST 的 空 值 、 填充 及 警告 A)。 
震 主 人 不 可 用 ， 请 使 用 故障 转移 SQL 
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图 4-12 更 改 默认 的 数据 库 为 notice 


(A 
©) 第 4 章 “JSP 数 据 库 应 用 开发 


(6) 单 击 “ 完 成 ”按钮 后 ,结果 如 图 4-13 所 示 。 
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将 按 下 列 取 置 创建 新 的 0DBC 数据 源 : 


有 creseft SQL Server 0DBC 驱动 程序 版 本 06.01. 7600 < 


图 4-13 配置 ODBC 


(7) 单 击 “ 测 试 数据 源 ” 按 钮 ,出 现 如 图 4-14 所 示 的 对 话 框 。 


下 crosoft SQL Server 0DBC 驱动 程序 版 本 
08.01 7800 


正在 运行 连接 列 试 


图 4-14 测试 数据 源 成 功 


单 击 “ 确 定 ” 按 钮 ,配置 成 功 。 

需要 注意 的 是 : 虽然 通过 JDBC-ODBC 桥 连 的 方式 可 以 访问 所 有 ODBC 可 以 访问 的 数 
据 库 ,但 是 JDBC-ODBC 桥 连 不 能 提供 非常 好 的 性 能 ,一 般 不 适合 在 实际 系统 中 使 用 。 

如 果 我 们 使 用 JDBC-ODBC 桥 进行 数据 库 连 接 ,那么 JDBC 驱动 类 的 名 称 为 


sun. jdbc. odbc. JdbcOdbcDriver, 
数据 库 连 接 字 符 串 将 以 jidbc:odbc: 开 始 , 后 面 跟随 数据 源 名 称 。 因 此 ,假设 我 们 已 经 配 


置 了 一 个 叫 notice 的 ODBC 数据 源 ,数据 库 连 接 字 符 串 就 是 jdbc: odbc:notice, 假 定 登 录 数 
据 库 系统 的 用 户 名 为 sa, 口 令 为 123456, 只 需 下 面 的 两 行 代码 就 可 以 建立 一 个 数据 库 连 接 : 


Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver") ; 
Connection con = DriverManager. getConnection (" jdbc: odbc: notice","sa","123456"); 


由 示例 4-2> 


/x 
* JDBC - 0DBC 连接 数据 库 测试 
*/ 
Ppackage com. bean; 
import java. sql. Connection; 
import java. sql.DriverManager; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 
public class JDBCODBCTest { 
public static void main(String[ ] args) { 
Connection dbConnection = null; 
PreparedStatement pStatement = null; 
ResultSet res = null; 
try { 
Class. forName( " sun. jdbc. odbc. JdbcOdbcDriver") ; 
dbConnection = DriverManager. getConnection (" jdbc: odbc: notice"," sa", 


"123456"); 
String strSql = "select * from Notice "; 
pStatement = dbConnection.prepareStatement(strSql); 
res = pStatement. executeQuery(); 
while (res.next()) { 
String title = res.getString("Ntitle"); 
System. out. println(" 标 题 " + title); 
} 
} catch (Exception e) { 
e. printStackTrace( ); 
} finally { 
try{ 
if(res != null)res. close(); 
if(pStatement != null)pStatement. close(); 
if(dbConnection != null)dbConnection. close( ); 
}catch(Exception e){ 
e. printStackTrace( ); 


} 


运行 控制 台 输 出 结果 ,说 明 JDBC-ODBC 桥 连 成 功 。 

2. 纯 Java 驱动 方式 ” 它 由 JDBC 驱动 直接 访问 数据 库 , 驱 动 程序 完全 由 Java 请 言 编 
写 ,运行 速度 快 ,而 且 具 备 了 路 平台 的 特点 。 但 是 ,由 于 这 类 JDBC 驱动 是 数据 库 厂商 特定 
的 , 即 这 类 JDBC 驱动 只 对 应 一 种 数据 库 , 因 此 访问 不 同 的 数据 库 需 要 下 载 专 用 的 JDBC 驱 
动 。 如 图 4-15 所 示 , 描 述 了 纯 Java 驱动 方式 的 工作 原理 。 

如 果 我 们 使 用 纯 Java 驱动 方式 进行 数据 库 连接 ,首先 需要 下 载 数据 库 厂商 提供 的 驱 程 
序 Jar 包 ,并 将 Jar 包 引 入 工程 中 。 本 书 使 用 的 数据 库 是 SQL Server 2008, 因 此 ,可 以 从 微 
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软 的 官方 网 站 下 载 驱 动 程序 Jar 包 , 并 查看 相关 帮助 文档 ,获得 驱动 的 名 称 以 及 数据 库 连 接 
字符 串 。 接 下 来 ,就 可 以 进行 编程 ,与 数据 库 建立 连接 。 代 码 示例 : 


Class. forName("com.microsoft. sqlserver. jdbc. SQLServerDriver" ) ; 
Connection con = 


DriverManager. getConnection("jdbc:sqlserver://localhost:1433;DatabaseName = notice", "sa", 
123456"); 


/x 
* JDBC 连接 数据 库 测 试 类 
*/ 
Package com. bean; 
import java. sql.Connection; 
import java. sql.DriverManager; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 
import java. util. ArrayList; 
public class JDBCTest { 
public static void main(String[ ] args) { 
Connection dbConnection = null; 
PreparedStatement pStatement = null; 
ResultSet res = null; 
try { 
Class. forName( "com. microsoft. sqlserver. jdbc. SQLServerDriver" ); 
dbConnection = DriverManager. getConnection("jdbc:sqlserver://localhost:1433; 
DatabaseName = notice", "sa", "123456"); 
String strSql = "select * from Notice "; 
pStatement = dbConnection. prepareStatement(strSql); 
res = pStatement. executeQuery(); 
while (res. next()) { 
String title = res.getString("Ntitle"); 
System. out. println(" 标 题 : " + title); 


} 
} catch (Exception e) { 
e. printStackTrace( ); 
} finally { 
try{ 


if(res != null)res. close(); 


AN 
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if(pStatement != null)pStatement. close(); 
if(dbConnection != null)dbConnection. close(); 
}catch(Exception e){ 
e.printStackTrace( ); 
} 


示例 4-3 在 控制 台 输 出 效果 如 图 4-16 所 示 。 


区 problems [OTasks | ® Web Browser | Console 3 
<terminated> JDBCTest [Java Application] D:\Program FilesVa 
1 

: 2 放假 通知 
: 3 考试 通知 
: 4 招聘 通知 
: 6 过 年 放假 通知 
: 5 下 雪 了 


4-16 JDBC 连接 数据 库 测 试 控制 台 显示 效果 


4.5 贯穿 项 目 JDBC 应 用 


在 贯穿 项 目 通知 公告 发 布 系统 中 ,我们 采用 纯 Java 驱动 方式 连接 数据 库 。 又 由 于 项 目 
的 多 个 类 都 需要 连接 数据 库 , 因 此 创建 一 个 工具 类 用 于 连接 数据 库 。 在 com. dao 中 创建 工 


具 类 ConnectionManager. java。 


/x 

* ConnectionManager. java 
*/ 

package com. dao; 


import java. sql. *; 


public class ConnectionManager { 
private static final String DRIVER _ CLASS = " com. microsoft. sqlserver. jdbc. 
SQLServerDriver"; 
Private static final String DATABASE _URL = " jdbc: sqlserver://localhost: 1433; 
DatabaseName = notice"; 
private static final String DATABASE USRE = "sa"; 
private static final String DATABASE PRSSWORD = "123456"; 
/x 
* 返回 连接 
x*/ 
public static Connection getConnection() { 


Connection dbConnection = null; 
try { 
Class. forName( DRIVER_CLASS); 
dbConnection = DriverManager.getConnection(DATABASE URL, 
DATABASE_USRE, DATABASE PASSWORD); 
} catch (Exception e) { 
e. printStackTrace( ); 
} 
return dbConnection; 
} 
/x 
* 关闭 连接 
x/ 
public static void closeConnection(Connection dbConnection) { 
try { 
if (dbConnection != null && (!dbConnection. isClosed())) { 
dbConnection. close( ); 
} 
} catch (SQLException sqlEx) { 
sqlEx. printStackTrace( ); 


} 
/x ¥ 
* 关闭 结果 集 
*/ 
public static void closeResultSet(ResultSet res) { 
try { 
if (res != null) { 
res. close( ); 
res = null; 
} 
} catch (SQLException e) { 
e. printStackTrace( ); 


} 
/a 
* 关闭 语句 
*/ 
public static void closeStatement (PreparedStatement pStatement) { 
try { 
if (pStatement != null) { 
pStatement. close( ); 
pStatement = null; 
} 
} catch (SQLException e) { 
e. printStackTrace( ); 


编写 测试 类 连接 数据 库 ,利用 工具 类 ConnectonManager. java。 


4.6 上 机 练习 《 
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/x 
* 利用 工具 类 测试 连接 数据 库 
*/ 
package com. dao; 
import java. sql. Connection; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 
import java. sql. SQLException; 
public class TestConnection { 


public static void main(String[ ] args) { 

Connection dbConnection = null; 

PreparedStatement pStatement = null; 

ResultSet res = null; 

try { 
dbConnection = ConnectionManager.getConnection(); 
String strSql = "select * from Nuser "; 
pStatement = dbConnection.prepareStatement(strSql); 
res = pStatement. executeQuery(); 
while (res.next()) { 

System. out. println(res. getString("Uname" )); 

} 

} catch (SQLException sqlE) { 
sqlE. printStackTrace( ); 

} finally { 
ConnectionManager. closeResultSet (res); 
ConnectionManager. closeStatement (pStatement); 
ConnectionManager. closeConnection( dbConnection); 


4.6 上 机 练习 


1. 在 SQL Server2008 中 创建 通知 公告 发 布 系统 所 需 的 数据 库 、 表 。 


需求 说 明 : 创建 数据 库 notice, 创 建 表 Notice、Nuser 和 Type, 并 插入 测试 数据 。 


实现 思路 : 参考 4.3 节 。 
2. 执行 SQL 语句 。 


需求 说 明 : 练习 SQL 语句 select insert update delete ,drop .create 的 用 法 。 


实现 思路 : 参考 4.3 节 。 
3. 配置 ODBC 数据 源 。 


需求 说 明 : 利用 JDBC-ODBC 桥 连 配 置 ODBC 数据 源 ,并 编写 测试 类 ,测试 连接 是 否 


成 功 。 
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实现 思路 : 参考 4.4.4 节 。 

4. 使 用 纯 Java 驱动 方式 进行 数据 库 连接 。 

需求 说 明 : 使 用 纯 Java 驱动 方式 进行 数据 库 连接 ,并 编写 测试 类 ,测试 连接 是 否 成 功 。 

实现 思路 : 参考 4.4.4 节 。 

5. 编写 工具 类 。 

需求 说 明 : 为 通知 公告 发 布 系统 ,编写 连接 数据 库 的 工具 类 ,并 编写 测试 类 ,测试 连接 
是 否 成 功 。 

实现 思路 : 参考 4.5 节 。 


(1) 数据 库 (DB-DataBase) 是 指 在 计算 机 内 按 一 定形 式 存放 、 有 组 织 、 统 一 管理 的 相关 
数据 和 数据 库 对 象 的 集合 。 

(2) SQL (Structured Query Language) 是 结构 化 查询 语言 的 简称 。 

(3) SQL 有 以 下 3 部 分 组 成 : 

。 数据 定义 语言 (Data Definition Language,DDL) 

。 数据 操纵 语言 (Data Manipulation Language, DML) 

。 数据 控制 语言 (Data Control Language, DCL) 

(4) 常用 的 标准 SQL 命令 ,如 select、insert、update、delete、drop、create 等 ,几乎 可 以 完 
成 所 有 的 数据 库 的 操作 。 

(5) JDBC 是 Java 数据 库 连接 (Java DataBase Connection) 技 术 的 简称 ,提供 连接 各 种 
常用 数据 库 的 能 力 。 

(6) JDBC API 工作 的 4 个 重要 环节 : DriverManager 类 (依据 数据 库 的 不 同 , 管 理 
JDBC 驱动 ); Connection 接口 (负责 连接 数据 库 并 担任 传送 数据 的 任务 ); Statement 接口 
(由 Connection 产生 ,负责 执行 SQL 语句 ); ResultSet 接口 (负责 保存 Statement 执行 后 所 
产生 的 查询 结果 ) 。 

(7) 利用 JDBC 实现 数据 库 的 操作 一 般 可 以 分 为 如 下 几 个 步骤 : 

。 加载 JDBC 驱动 程序 

。 获取 连接 接口 

。 创建 Statement 对 象 

。 执行 Statement 对 象 

。 查看 返回 的 结果 集 

。 关闭 结果 集 对 象 

。 关闭 Statement 对 象 

。 关闭 连接 接口 

(8) JDBC 驱动 由 数据 库 厂商 提供 .在 实际 编程 过 程 中 ,有 两 种 较为 常用 的 驱动 方式 。 
第 一 种 是 JDBC-ODBC 桥 连 ,适用 于 个 人 开发 与 测试 , 它 通 过 ODBC 与 数据 库 进行 连接 ; 另 
一 种 是 纯 Java 驱动 , 它 直 接 同 数据 库 连 接 , 在 生产 型 开发 中 推荐 使 用 纯 Java 驱动 方式 。 


4.8 作业 (3 


4.8 作 业 


一 、 选 择 题 

1. 在 JSP 中 使 用 JDBC 语句 访问 数据 库 ,正确 导入 SQL 类 库 的 语句 是 ( %, 

A. <% @page import = "java. sql. *"%> B. <% @page import =" sql. *"%> 

C. <% page import = "java. sql. * " $%> D. <% @ import = "java. sql. *"%> 

2. 在 JDBC API 中 提供 的 ( ) 类 的 作用 是 : 依据 数据 库 的 不 同 ,管理 不 同 的 JDBC 
驱动 程序 。 


A. DriverManager B. Connection C. statement D. class 

3. 假设 已 经 获得 ResultSet 对 象 res ,那么 获取 第 一 行 数据 的 正确 语句 是 ( j 
A. res.hasNext() B. res.next() C. res.nextRow()  D. res.hasNextRow() 
二 、 简 答题 


1. 常用 的 SQL 命令 有 哪些 ? 

2. 利用 JDBC 实现 数据 库 的 操作 的 步骤 是 什么 ? 

3. 简 述 JDBC-ODBC 桥 连 的 步骤 。 

三 、 程 序 题 

1. 在 SQL Server 2008 中 创建 数据 库 school, 创 建 表 student ,包含 以 下 信息 : 学 号 、. 姓 
名 .性别 .年 龄 .联系 电话 、 班 级 。 

2. 查询 student 表 中 的 年 龄 大 于 20 的 学 生 信息 。 

3. 删除 student 表 中 男生 的 信息 。 

4. 查询 student 表 中 班级 名 有 “ 信 科 ?两 个 字 的 学 生 信息 。 
. 按照 性 别 分 组 查询 所 有 学 生 的 平均 年 龄 。 


5 
6. 创建 项 目 ,利用 JDBC 编写 Java 测试 类 ,在 控制 台 输出 所 有 学 生 的 姓名 。 
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因 本 前 学 习 卓 标 


二 掌握 使 用 JavaBean 封装 业务 逻辑 和 数据 
二 掌握 如 何在 JSP 中 使 用 JavaBean 
二 掌握 JSP 的 动作 元 素 < jsp: useBean > 、< jsp: getProperty > 和 < jsp: 


setProperty> 
这 一 章 我 们 来 讲解 JSP 中 的 JavaBean, 那 么 JSP 中 为 什么 需要 JavaBean 呢 ? 


5.1 为 什么 需要 JavaBean 


J2EE 程序 是 基于 组 件 开 发 的 ,就 好 像 是 玩具 积木 一 样 ,从 表面 看 各 个 积木 块 是 一 堆 毫 
不 相干 的 小 木 块 ,但 是 经 过 设计 和 安排 ,就 可 以 把 这 些 木 块 组 装 成 我 们 想 要 的 “建筑 ”。 在 程 
序 中 也 同样 存在 类 似 的 道理 ,Java 是 一 种 面向 对 象 的 编程 语言 ,在 设计 和 解决 问题 时 ,都 是 
以 面向 对 象 的 思想 进行 的 。 例 如 ,数据 库 连 接 类 ,在 这 个 类 中 定义 了 连接 方法 和 关闭 方法 ， 
对 于 这 个 类 来 说 , 它 的 使 命 就 是 建立 连接 和 关闭 连接 ,是 程序 的 一 个 组 成 部 分 ,就 好 像 一 块 
积木 在 整个 积木 作品 中 的 作用 一 样 。 一 个 积木 作品 是 由 很 多 个 相同 或 者 不 同 的 积木 块 组 
成 ,而 程序 同样 也 是 这 样 。 

在 之 前 的 开发 中 ,我 们 在 JSP 页 面 中 嵌入 了 大 量 的 Java 代码 ,这 些 代码 负责 完成 业务 
逻辑 .数据 显示 等 操作 。JSP 页 面 中 大 量 的 Java 代码 与 HTML 标签 混杂 ,导致 了 维护 和 修 
改 上 的 困难 。 为 了 分 离 页 面 中 的 HTML 代码 和 Java 代码 ,一 个 非常 简单 的 想法 就 是 编写 
一 些 类 来 封装 页 面 的 数据 和 业务 逻辑 。 这 样 只 需 几 行 代码 调用 类 中 的 方法 ,就 可 以 实现 所 
需 的 功能 。 采 用 这 种 方式 不 但 能 够 使 代码 重用 ,还 能 使 数据 显示 和 业务 逻辑 分 开 , 在 JSP 
技术 中 ,可 以 使 用 JavaBean 组 件 来 实现 。 


5.2 什么 是 JavaBean 
JavaBean 是 Java 开发 中 可 以 跨 平台 的 重用 组 件 。JavaBean 在 JSP 程序 中 常用 来 封装 


业务 逻辑 数据库 操作 等 。JavaBean 组 件 本 质 上 就 是 一 个 Java 类 ,只 不 过 这 个 类 需要 遵循 
一 些 编码 的 约定 ,这 个 类 可 以 重用 。 从 JavaBean 的 功能 上 可 以 分 为 以 下 两 类 : 


。 封装 数据 

。 封装 业务 

JavaBean 一 般 情 况 下 要 满足 以 下 要 求 : 

。 JavaBean 是 一 个 公有 类 ,并 提供 无 参 的 公有 的 构造 方法 

。 属性 私有 

。 具有 公有 的 访问 属性 的 getter 和 setter 方法 

符合 上 述 条 件 的 类 ,我 们 都 可 以 把 它 看 成 是 JavaBean 组 件 。 

在 程序 中 ,开发 人 员 所 要 处 理 的 无 非 是 业务 逻辑 和 数据 ,而 这 两 种 操作 都 可 以 使 用 
JavaBean 组 件 。 一 个 应 用 程序 中 会 使 用 很 多 JavaBean。 由 此 可 见 JavaBean 组 件 是 应 用 程 
序 的 重要 组 成 部 分 。 


5.3 封装 数据 


先 来 看 一 个 简单 的 JavaBean ,在 MyEclipse 中 要 创建 JavaBean ,首先 在 项 目 src 中 创建 


Package com. bean; 
public class User { 
private int id; //ID 
Private String name; // 用 户 名 
private String password; // 密 码 
/x 
* 不 带 参 数 的 构造 方法 
*/ 
public User() {} 
} 


对 属性 分 别 给 与 setter 和 getter 方法 ,MyEclipse 提供 了 一 个 非常 方便 的 快捷 方法 生 
成 setter 和 getter 方法 ,如 图 5-1 及 图 5-2 所 示 。 
添加 完 setter 和 getter 方法 后 的 代码 如 示例 5-2。 


Package com. bean; 

public class User { 
Private int id; //ID 
Private String name; // 用 户 名 
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Private String password; // 密 码 
/x* 

* 构造 方法 

*/ 
public User() {} 


public int getId() { 
return id; 

} 

public void setId(int id) { 
this. id = jd; 

} 

public String getName() { 
return name; 

} 

public void setName(String name) { 
this.name = name; 

} 

public String getPassword() { 
return password; 

} 

public void setPassword(String password) { 
this.password = password; 


1 packaqe com.bean; 
2 


入 3 import java.util.Date; 
4 publia class User { Toggle Comment 
se [< | | ed: Came 
可 7 private String paa 。 RevertFle Generate Element Comment 
5 人 构造 方法 圆 save Cults Correct Indentation 
0 */ Open Dedersion B bn) 
忆 public User() fl} Oy R Ri 
3 |) Open Call Hierarchy Cel+AktH Organize Imports 
14 Show in Breadcrumb Alt+Shit+B Sort Members.. 
Quick Outine Cul+0 Clean up-_ 
Quick Type Hierarchy Cul#T a i 
ShowIn Alt+Shift+W» Ee 
Cut Ce:X Generate Delegate Methods.. 
Copy CuliC Generate hashCode0 and equals0… 
Copy Qualified Name Generate toString0.. 
Paste CtrlHV Generate Constructor using Fields... 
cS ee Generate Constructors from Superclass.. 
Souwroe ArsNiRrsy| Externalize Strings.. 
Refactor Al+Shift+T» 
Local History » | 


图 5-1 MyEclipse 中 添加 setter 和 getter 方法 (一 ) 


圆 Generate Getters and Setters 


Select getters and setters to create: 
加 上。 这 

no name 

国 。 password 


回 Allow setters for final fields (remove final modifier from fields if necessary) 
Insertion point: 

After User0 

Sort by: 

Fields in getter/setter pairs 

Access modifier 

@ public Oprotected © default © private 

加 final 回 synchronized 


回 Generate method comments 
The format of the getters/setters may be configured on the Code Templates preference page. 
i 6 of 6 selected. 


@ cones] | 


图 5-2 ”MyEclipse 中 添加 setter 和 getter 方法 (二 ) 


这 是 一 个 很 典型 的 封装 数据 JavaBean。 这 个 JavaBean 封装 了 通知 公告 发 布 系统 用 户 
表 的 数据 ,id、name、password 等 是 用 户 的 属性 ,外 部 通过 getter / setter 可 以 对 这 些 属性 进 
行 操作 。 


SY a 


Sun 推荐 的 属性 命名 规则 为 : xxx 的 属性 对 应 setXxx() 方 法 。 
一 般 情 况 下 , Java 的 属性 变量 都 以 小 写字 母 起 头 , 如 name、userName 等 。 但 也 存在 特 
殊 的 情况 ,如 一 些 特定 意义 的 大 写 英文 缩写 (如 XML,URL 等 )。JavaBean 也 允许 大 写字 母 
起 头 的 属性 变量 名 ,不 过 必须 满足 “变量 的 前 两 个 字母 要 么 全 部 大 写 , 要 么 全 部 小 写 ” 的 要 
求 ,如 IDCode、ID、ICCard 等 属性 变量 名 是 合法 的 ,而 iD、iCcard、iDCode 等 属性 变量 名 则 是 
非法 的 。 在 有 些 情况 下 非法 的 变量 名 再 以 属性 名 第 一 个 字母 大 写 的 方式 命名 get 和 set 方 
法 ,会 导致 找 不 到 属性 错误 。 
解决 办 法 : 
。 如 果 属 性 名 的 第 二 个 字母 大 写 ,那么 该 属性 名 直接 用 作 getter/setter 方法 中 get/set 
的 后 部 分 ,就 是 说 大 小 写 不 变 。 例 如 属性 名 为 uName, 方 法 是 getuName/ 
setuName。 
。 如 果 前 两 个 字母 大 写 ( 一 般 的 专 有 名 词 和 缩 略 词 都 会 大 写 ) , 则 属性 名 直接 用 作 getter/ 
setter 方法 中 get/ set 的 后 部 分 。 例 如 属性 名 为 URL, 方 法 是 getURL/setURL。 
。 如 果 首 字母 大 写 , 则 属性 名 直接 用 作 getter/setter 方法 中 get/set 的 后 部 分 。 例 如 
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属性 名 为 Name, 方 法 是 getrName/setName, 这 是 最 粮 糕 的 情况 ,会 找 不 到 属性 出 错 
的 地 方 ,因为 默认 的 属性 名 是 name。 


5.4 封装 业务 


在 编写 程序 的 时 候 ,一 个 封装 数据 的 JavaBean 一 般 情况 下 对 应 着 数据 库 内 的 一 张 表 
(或 视图 ) ,JavaBean 的 属性 与 表 ( 或 视图 ) 内 字段 的 属性 一 一 对 应 。 同 样 , 相 对 于 一 个 封装 
数据 的 JavaBean 一 般 都 会 有 一 个 封装 该 类 的 业务 逻辑 和 业务 操作 的 JavaBean 相对 应 。 

例如 在 通知 公告 发 布 系统 中 ,浏览 页 面 可 以 显示 所 有 的 通知 公告 类 型 ,通知 公告 类 型 保 
存在 数据 库 的 Type 表 中 ,类 型 对 应 的 数据 JavaBean 是 Type. java, 那 么 封装 数据 Type 对 
应 的 业务 逻辑 JavaBean 是 TypeControl. java 代码 如 示例 5-3。 


/x 
x* Type 业务 处 理 JavaBean 类 
*/ 
package com. bean; 
import com. bean. Type; … 
public class TypeControl { 
public List getAllTypeList() { 
ArrayList list = new ArrayList(); 
Connection dbConnection = null; 
PreparedStatement pStatement = null; 
ResultSet res = null; 
try { 
Class. forName( "com. microsoft. sqlserver. jdbc. SQLServerDriver"); 
dbConnection = DriverManager. getConnection ( " jdbc: sqlserver://localhost: 1433; 
DatabaseName = notice", "sa", "123456"); 
String strSql = "select * from Type "; 
pStatement = dbConnection. prepareStatement(strSql); 
res = pStatement. executeQuery(); 
while (res. next()) { 
int id = res.getInt("Tno"); 
String typeName = res.getString("TtypeName"); 
// 把 各 属性 封装 到 一 个 type 对 象 中 
Type type = new Type(id, typeName); 
// 把 各 type 对 象 添加 到 集合 list 中 
list.add(type); 
} 
} catch (Exception e) { 
e. printStackTrace( ); 
} finally { 
try{ 
if(res != null)res. close(); 
if(pStatement != null)pStatement. close(); 


if(dbConnection != null)dbConnection. close(); 
}catch(Exception e){ 
e.printStackTrace( ); 


} 


return list; 


因此 TypeControl. java 可 以 简化 为 示例 5-4 的 形式 。 


在 第 4 章 中 我 们 已 经 编写 了 连接 数据 库 的 工具 类 (示例 4-4)ConnectionManager. java， 


/x 
x* Type 业务 处 理 JavaBean 类 
*/ 
Package com. dao; 
import java. sql. *; 
import java. util. *; 
import com. bean. Type; 
public class TypeControl { 
public List getAllTypeList() { 
ArrayList list = new ArrayList(); 
Connection dbConnection = null; 
PreparedStatement pStatement = null; 
ResultSet res = null; 
try { 
dbConnection = ConnectionManager.getConnection(); 
String strSql = "select * from Type "; 
pStatement = dbConnection. prepareStatement(strSql); 
res = pStatement. executeQuery(); 
while (res. next()) { 
Type type = new Type(); 
type. setId(res. getInt("Tno")); 
type. setTypeName( res. getString("TtypeName")) 
list.add(type); 
} 
} catch (SQLException sqlE) { 
sqlE. printStackTrace( ); 
} finally { 
ConnectionManager. closeResultSet (res); 
ConnectionManager. closeStatement (pStatement); 
ConnectionManager. closeConnection( dbConnection); 
} 


return list; 
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5.5 JSP 与 JavaBean 


现在 我 们 已 经 掌握 了 如 何 创建 封装 数据 的 JavaBean 和 封装 业务 逻辑 的 JavaBean ,但 是 
在 JSP 中 如 何 使 用 JavaBean 呢 ? 在 JSP 页 面 中 ,可 以 像 使 用 普通 类 一 样 ,实例 化 一 个 
JavaBean 对 象 ,然后 根据 需要 调用 该 对 象 的 方法 。 在 JSP 中 引入 并 使 用 JavaBean 的 语法 
如 下 。 


// 引 入 JavaBean 
<% @ page import = "com. bean. Notice"” %> 
// 使 用 JavaBean 
< 和 
Notice notice = new Notice(); 
notice. setId(15); 
notice. setTitle("Hello"); 
%> 


在 JSP 中 使 用 JavaBean 就 像 我 们 在 Java 程序 中 编写 类 是 一 样 的 ,实例 化 JavaBean 后 ， 
就 可 以 使 用 其 中 的 方法 了 。 


5.6 JSP 动作 元 素 


第 3 章 中 我 们 已 经 学 习 的 动作 元 素 包 括 <jsp:include> <jsp:plugin>、<jsp:forward> 、 
<jsp:param > 等 。 本 节 介 绍 另 外 三 个 和 JavaBean 结合 非常 的 紧密 动作 元 素 : <jsp:useBean > 、 
<jsp:getProperty > 和 < jsp: setProperty >。 


5.6.1 <jsp:useBean> 


<jsp: useBean > 动作 元 素 可 以 在 JSP 页 面 中 创建 一 个 Bean 实例 ,并 且 可 以 通过 属性 的 
设置 将 该 实例 储存 到 JSP 指定 范围 内 。 此 动作 元 素 的 语法 如 下 。 


< jsp:useBean 
id = "beanInstanceName" 
scope = "page|request| session|application" 
class = "package. class" 

></jsp:useBean> 


其 中 ,id 指定 该 JavaBean 的 实例 变量 的 名 称 ,scope 指定 该 Bean 变量 的 有 效 范围 。 

page 指 只 在 当前 JSP 页 面 中 有 效 ,request 指 在 任何 执行 相同 请 求 的 JSP 文件 中 使 用 
Bean ,直到 页 面 执行 完毕 ,session 指 从 创建 该 Bean 开始 ,在 相同 session 下 的 JSP 页 面 中 可 
以 使 用 该 Bean,application 指 从 创建 该 Bean 开始 ,在 相同 application 下 的 JSP 页 面 中 可 以 
使 用 该 Bean 。 


mm, 
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S. 6.2 <jsp:setProperty> 


<jsp: setProperty > 动作 元 素 通 常 与 <jsp:useBean > 一 起 使 用 , 它 调用 Bean 的 setXxx 
方法 ,将 请 求 的 参数 赋值 给 由 <jsp:useBean > 创建 的 Bean 中 对 应 的 属性 。 该 动作 元 素 的 语 
法 如 下 。 


< jsp:setProperty 
name = "beanInstanceName" 
property="* 
property = "propertyName" | 
property = "propertyName" [param = "propertyName"] | 
property = " propertyName" value = " {string |<% = expression%>}" 
人 > 


说 明 : 其 中 name 属性 是 用 来 指定 一 个 存在 JSP 中 某 个 范围 内 的 JavaBean 实例 。 
<jsp: setProperty > 将 会 按照 page、request、session、application 的 顺序 来 查找 Bean 的 实 
例 ,直到 第 一 个 被 找到 ,如 果 在 查找 范围 内 不 存在 这 个 Bean 实例 , 则 出 现 异常 信息 。 

property 的 值 为 "* ", 则 request 请 求 中 所 有 参数 的 值 将 被 赋 给 Bean 中 与 参数 具有 相 
同名 字 的 属性 。 如 果 请 求 中 存在 参数 值 为 空 , 则 对 应 的 Bean 属性 将 不 会 被 设 定 ( 也 不 会 设 
为 null) ;如 果 Bean 中 存在 一 个 属性 ,但 请 求 中 没有 与 之 对 应 的 参数 ,那么 该 属性 同样 不 会 
被 设 定 ( 也 不 会 赋值 为 null) ,这 两 种 情况 下 的 Bean 属性 都 会 保留 原来 或 默认 的 值 。 


property = "propertyName" 


property 属性 取 值 为 Bean 中 的 属性 时 , 则 只 会 将 request 请 求 中 与 该 Bean 属性 同名 的 一 个 
参数 的 值 赋 给 这 个 Bean 属性 。 例 如 ,如 果 property 属性 指定 的 Bean 属性 为 userName, 那 
么 指定 Bean 中 必须 存在 setUserName() 方 法 ,否则 会 出 现 异 常 信 息 。 


property = "propertyName" [param = "propertyName"] 
property 属性 指定 一 个 request 请 求 中 的 参数 ,property 属性 指定 Bean 中 的 某 个 属性 。 该 
种 使 用 方法 允许 将 请 求 中 的 参数 赋值 给 Bean 中 与 该 参数 不 同名 的 属性 。 如 果 param 属性 
指定 参数 的 值 为 空 ,那么 由 property 属性 指定 的 Bean 属性 会 保留 原来 或 默认 的 值 而 不 会 
被 赋 为 null。 

property =" propertyName" value =" {string |<% = expression%>}" 
其 中 value 属性 指定 的 值 可 以 是 一 个 字符 串 数值 或 表示 一 个 具体 值 的 JSP 表达 式 或 EL 表 
达 式 。 该 值 将 被 赋 给 property 属性 指定 的 Bean 属性 。 
5.6.3 <jsp:getProperty> 

<jsp: getProperty> 属 性 用 来 从 指定 的 Bean 中 读 取 指定 的 属性 值 ,并 输出 到 页 面 中 。 
该 Bean 必须 具有 getXxx() 方 法 。<jsp:getProperty > 标识 的 使 用 格式 如 下 。 


< jsp:getProperty name = "BeanName" property = "propertyName"/> 
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name 属性 : 用 来 指定 一 个 存在 某 JSP 范围 中 的 Bean 实例 。<jsp:getProperty > 动作 将 
会 按照 page、request、session 和 application 的 顺序 来 查找 这 个 Bean 实例 ,直到 第 一 个 实例 
被 找到 , 若 任何 范围 内 不 存在 这 个 Bean 实例 则 会 抛 出 异常 。 

property 属性 : 指定 了 要 获取 由 name 属性 指定 的 Bean 中 的 哪个 属性 的 值 。 例 如 它 指 
定 的 值 为 "userName" ,那么 Bean 中 必须 存在 getUserName() 方 法 ,否则 会 抛 出 异常 。 


5.6.4 JSP 动作 元 素 示例 


通过 用 户 注 册 的 示例 ,来 具体 了 解 这 三 个 JSP 动作 的 用 法 ,创建 Web 项 目 Ch05_1, 在 
src 创建 包 com. bean, 在 该 包 中 创建 User 类 如 示例 5-2, 该 JavaBean 为 封装 数据 的 实体 类 ， 
接 下 来 在 WebRoot 下 创建 register. jsp 文件 。 

/xx 
x* register. jsp 注册 页 面 
*/ 
<% @ page language = "java" contentType = "text/html;charset = UTF - 8" pageEncoding = "UTF — 
8"%> 
<html> 
<head> 
<title > 注册 页 面 </title> 
</head> 
<body> 
用 户 注册 
<hr/> 
< form action = "registerSuccess. jsp" method= "post" name = "forml" > 
用 户 名 :< input type = "text" name = "userName">< br/> 
密 gnbsp;&nbsp; 码 :< input type = "password" name = "password" size= "20">< br/> 
< input type = "submit" value = "注册 ”name = "submit"> 
< input type = "reset" value = " 重 置 " name = "reset"> 
</form> 
</body> 
</html > 


registerSuccess. jsp 


/x 

x registerSuccess. jsp 注册 成 功 页 面 

*/ 
<% @ page language = "java" contentType = "text/html;charset = UTF - 8" pageEncoding = "UTF— 
8"%> 


< jsp:useBean id = "user" scope = "page" class = "com. bean. User"/> 
< jsp:setProperty name = "user" property="*" /> 

< html > 

<head> 

<title> 注 册 成 功 显示 页 面 </title> 

</head> 
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<body> 

注册 成 功 < hr> 

使 用 Bean 属性 方法 < br/> 

用 户 名 : <% = user. getName() %><br/> 

密码 : <% = user. getPassword() 和 > 

<hr> 

使 用 getProperty: <br/> 

用 户 名 : < jsp:getProperty property = "name" name = "user"/>< br/> 
密码 : < jsp:getProperty property = "password" name = "user" 
</body> 

</html > 


该 示例 的 显示 效果 如 图 5-3、 图 5-4 所 示 。 


古 http://localhost 了 -GX 


注册 成 功 
使 用 Bean 属 性 方法 


用 户 名 ，mall 
密码 ，123456 


使 用 getProperty, 
用 户 名 :mull 
密码 ，123456 


窗 码 .e000 


EE 


图 5-3 注册 页 面 图 5-4 注册 成 功 页 面 


通过 效果 图 ,可 以 观察 用 户 名 没有 获取 到 。 我 们 来 分 析 一 下 ,在 register. jsp 页 面 中 用 
户 名 的 变量 名 为 userName, 在 User. java 中 用 户 名 的 属性 为 name, 所 以 在 registerSuccess. 
jsp 中 ,通过 < jsp:useBean id 一 "user" scope 一 "page"” class 一 "com. bean. User"/> 创 建 了 一 
个 User 的 实例 ,用 < jsp:setProperty name 一 "user" property 一 "* " /> 给 该 实例 的 各 属性 赋 
值 ,可 是 提交 的 变量 名 与 user 属性 名 不 一 致 ,因此 再 去 获取 时 ,就 获取 不 到 值 。 因 此 
registerSuccess. jsp 应 改 为 下 面 的 形式 。 


/x 

#x registerSuccess. jsp 注册 成 功 页 面 

*/ 
<% @ page language = "java" contentType = "text/html;charset = UTF - 8" pageEncoding = "UTF — 
8"%> 


< jsp:useBean id = "user" scope = "page" class = "com. bean. User"/> 

< jsp: setProperty name = "user" property = "name" param = "userName"/> 
< jsp:setProperty name = "user" property = "password"/> 

<html> 

<head> 

<title > 注册 成 功 显示 页 面 </title> 

</head> 

<body> 

注册 成 功 < hr > 


» 
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使 用 Bean 属性 方法 < br/> 

用 户 名 : <% = user. getName() %><br/> 

密码 : <% = user. getPassword() %> 

<hr> 

使 用 getProperty: < br/> 

用 户 名 : < jsp:getProperty property = "name" name = "user"/>< br/> 
密码 : < jsp:getProperty property = "password" name = "user" 
</body> 

</html > 


此 时 的 效果 如 图 5-5 所 示 。 


多 htpy/localhos Dv CX 


注册 成 功 
使 用 Bean 属 性 方法 


用 户 名 ，admin 
密码 ，123456 


使 用 getProperty; 


用 户 名 ，admin 
密码 ，123456 


图 5-5 修改 后 注册 成 功 页 面 


上 例 中 若 把 < jsp:setProperty name 一 "user" property 二 "name" param 一 "userName"/> 改 为 


<jsp:setProperty name 一 "user" property 一 "name" value 一 "supperMan"/>, 则 效果 如 图 5-6 
所 示 。 由 此 就 可 以 看 出 value 与 param 的 作用 了 。 


使 用 Bean 属 性 方法 
用 户 名 ，supperMan 


密码 ，123456 


使 用 getProperty: 
用 户 名 ，suppetMan 
密码 ，123456 


图 5-6 修改 后 注册 成 功 页 面 


5.7 上 机 练习 


1. 编写 封装 数据 的 JavaBean。 
需求 说 明 : 编写 通知 公告 发 布 系统 封装 数据 的 JavaBean: User. java、Notice. java 和 


Type. java。 


实现 思路 : 参照 示例 5-2。 


5.7 上 机 练习 


2. 编写 封装 业务 的 JavaBean。 
需求 说 明 : 编写 通知 公告 发 布 系 统 封装 逻辑 的 JavaBean: UserControl java、 


NoticeControl. java 和 TypeControl. java, 注意 连接 数据 库 时 利用 工具 类 ConnectionManager. 
java, 每 个 业务 逻辑 可 以 只 写 查找 全 部 内 容 的 方法 ,在 以 后 需要 时 再 补充 。 
实现 思路 : 参照 示例 5-4。 


3. JSP 页 面 调用 JavaBean 。 

需求 说 明 : JSP 调用 练习 2 封装 业务 逻辑 的 JavaBean, 在 页 面 中 显示 所 有 的 通知 公告 
的 类 型 ( 见 图 5-7) 。 

实现 思路 : 


提示 代码 : showType. jsp 中 获取 Type 类 型 的 list 关键 代码 为 


<% @ page language = " java" import = " java. util. * ,com. bean. *, com. dao. *, java. sql. *" 
pageEncoding = "UTF — 8" %> 


<% 

TYpeControl td = new TYpeControl (); 

List list = td.gethllTYge( ); 

if(list. size()>0){ 

for(int i=0;i<list. size();i+t+){ 

Type type = (Type)list. get(i); 
out. print(type. getTypeName( ) ) ; 
out. println("< br/>"); 


»//localhost:8080/Ch06_5/showTypejsp ~ 


通知 公告 类 别 
教学 通知 


图 5-7 显示 所 有 通知 公告 类 型 
4. 修改 封装 业务 逻辑 的 JavaBean,JSP 页 面 调用 JavaBean 。 
需求 说 明 : showNoticeByType. jsp 调用 的 业务 逻辑 NoticeControl. java 中 的 
showNoticeByType 方法 ,练习 2 中 没有 此 方法 , 则 修改 NoticeControl. java 增加 此 方法 ,再 


在 JSP 页 面 中 调用 ,在 页 面 中 显示 Ntype 为 1 的 所 有 信息 。 


提示 代码 : NoticeControl. java 中 getNoticeByType 方法 关键 代码 为 


public List getNoticeByTypel(int typeid){ 
Connection con = null; 
PreparedStatement pStatement = null; 
ResultSet res = null; 
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List list = new ArrayList(); 
try { 
con = ConnectionManager. getConnection(); 
String sql = "select * from Notice where Ntype = ?"; 
pStatement = con. prepareStatement( sql); 
pStatement. setInt(1, typeid); 
ResultSet rs = pStatement. executeQuery(); 
while (rs.next()) { 
Notice notice = new Notice(); 

// 把 接收 到 的 各 属性 值 封装 到 一 个 Notice 对 象 中 
notice. setContent (rs. getString("Ncontent")); 
notice. setCreateTime(rs. getDate( "NcreateTime")); 
notice. setEditor(rs. getString("Neditor")); 
notice. setId(rs. getInt("Nno")); 
notice. setTitle(rs. getString("Ntitle")); 
notice. setType(rs. getInt("Ntype")); 
list.add(notice); 

} 


} catch (SQLException sqlE) { 
sqlE. printStackTrace( ); 

} finally { 
ConnectionManager. closeResultSet (res); 
ConnectionManager. closeStatement (pStatement); 
ConnectionManager. closeConnection(con); 

} 


return list; 


showNoticeByType. jsp 关键 代码 为 


显示 Ntype = 1 通知 公告 信息 < br/> 
< 和 
NoticeControl noticeControl = new NoticeControl (); 
List list = noticeControl. getNoticeByType(1); 
if(list. size()>0){ 
for(int i=0;i<list. size();i++){ 
Notice notice = (Notice)list. get(i); 
out. print (notice. getTitle()); 
out. println("< br/>"); 
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5. 修改 封装 业务 逻辑 的 JavaBean,JSP 页 面 调用 JavaBean 。 

需求 说 明 : showNoticeByld. jsp 调用 的 业务 逻辑 NoticeControl. java 中 的 
showNoticeById 方法 ,练习 2 中 没有 此 方法 , 则 修改 NoticeControl. java 增加 此 方法 ,再 在 
JSP 页 面 中 调用 ,在 页 面 中 显示 Nno 为 1 的 所 有 信息 。 


5.7 上 机 练习 (7) 


实现 思路 : 
提示 代码 : NoticeControl. java 中 showNoticeById 方法 关键 代码 为 


public Notice getNoticeById(int id){ 
Connection con = null; 
PreparedStatement stm = null; 
ResultSet rs = null; 
Notice notice = new Notice( ); 
try { 
con = ConnectionManager. getConnection(); 
String sql = "select * from Notice where Nno= "+ id; 
stm = con. prepareStatement ( sql); 
rs = stm. executeQuery(); 
if(rs.next()){ 
// 把 接收 到 的 各 属性 值 封装 到 一 个 Notice 对 象 中 
notice. setContent (rs. getString("Ncontent") ) ; 
notice. setCreateTime(rs. getDate( "NcreateTime")); 
notice. setEditor(rs. getString("Neditor")); 
notice. setId(rs. getInt("Nno")); 
notice. setTitle(rs. getString("Ntitle")); 
notice. setType(rs. getInt("Ntype")); 
} 
} catch (Exception e) { 
e.printStackTrace( ); 
Jfinally{ 
ConnectionManager. closeResultSet(rs); 
ConnectionManager. closeStatement( stm); 
ConnectionManager. closeConnection(con); 
} 


return notice; 


showNoticeById. jsp 关键 代码 为 


显示 Nno= 1 通知 公告 信息 < br/> 
<% 
NoticeControl noticeControl = new NoticeControl (); 
Notice notice = noticeControl. getNoticeById(1); 
%> 
标题 : <% = notice. getTitle() %><br/> 
作者 : <% = notice. getEditor () %><br/> 
时 间 : <% = notice. getCreateTime () %><br/> 
内 容 : <% = notice. getContent() %> 


6. JSP 动作 元 素 <jsp:useBean > <jsp:getProperty > 和 <jsp:setProperty >。 

需求 说 明 : 通过 编写 注册 页 面 练习 JSP 动作 元 素 < jsp:useBean > 、< jsp:getProperty > 和 
<jsp:setProperty>。 

实现 思路 : 参照 5.6 节 。 
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(1) JavaBean 在 应 用 中 主要 负责 封装 数据 和 封装 业务 处 理 。 

(2) JavaBean 的 定义 要 遵循 一 定 的 规则 ,体现 在 以 下 几 个 方面 : 

。 公有 类 ,并 提供 无 参 的 公有 的 构造 方法 。 

。 属性 私有 。 

。 具有 公有 的 访问 属性 的 getter 和 setter 方法 。 

(3) JSP 中 动作 元 素 与 JavaBean 密切 相关 的 有 < jsp:useBean > 、< jsp: getProperty > 和 
<jsp:setProperty > 等 。 


5.9 作 业 


一 、 选 择 题 
1. 以 下 对 JavaBean 的 描述 中 正确 的 是 ( js 
A. JavaBean 最 终 是 被 保存 在 扩展 名 为 jsp 的 文件 中 
B. 在 JSP 页 面 中 只 用 通过 <jsp:useBean > 动作 标识 才 可 以 调用 JavaBean 
C. JavaBean 实质 上 就 是 一 个 Java 类 
编译 后 的 JavaBean 放 在 项 目的 任何 目录 下 ,在 JSP 页 面 中 都 可 以 被 调用 
2. 设 创建 的 JavaBean 类 中 有 一 个 int 型 的 属性 number, 下 列 哪个 方法 是 设置 该 属性 
值 的 正确 方法 ( )。 


[Ie 


A. public void setNumber(int n){ B. void setNumber(int n){ 
number = n; number = n; 
} } 
C. public void SetNumber(int n){ D. public void Setnumber( int n){ 
number = n; number = n; 
} } 
二 、 简 答题 


1. 什么 是 JavaBean? 

2. 按 功能 JavaBean 可 分 为 哪 几 种 ? 

3. 在 JSP 页 面 中 如 何 使 用 JavaBean? 

三 、 程序 题 

1. 在 Web 项 目 中 ,创建 一 个 JavaBean, 要 求 该 JavaBean 具有 name、age、sex 和 tel 的 
属性 。 

2. 在 Web 项 目 中 ,创建 一 个 名 为 ToUpper 的 JavaBean ,用 来 转换 传人 的 字符 串 参 数 
为 大 写 的 。 
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因 本 前 学习 目标 


二 掌握 JSP 的 内 置 对 象 request 

二 掌握 JSP 的 内 置 对 象 response 
掌握 JSP 的 内 置 对 象 out 

< 掌握 JSP 的 内 置 对 象 session 

< 掌握 JSP 的 内 置 对 象 application 


到 目前 为 止 ,我 们 已 经 了 解 了 JSP 的 工作 原理 以 及 执行 过 程 ,还 了 解 了 JSP 页 面 里 包 
含 的 元 素 。 这 些 是 学 习 JSP 的 基础 ,为 了 方便 Web 程序 的 开发 ,在 JSP 页 面 中 还 设置 了 一 
些 默 认 的 对 象 ,我 们 称 之 为 内 置 对 象 。 


6.1 什么 是 JSP 内 置 对 象 


JSP 内 置 对 象 ,就 是 当 编 写 JSP 页 面 时 ,无 须 做 任何 声明 就 可 以 直接 使 用 的 对 象 。 如 在 
示例 3-3 和 示例 3-4 中 出 现 了 如 下 的 代码 片断 。 


< 和 
int[ ] value = { 60, 70 ,80 }; 
for (int i = 0;i< value.length; i++){ 
out. println(value[i]); 


%> 


代码 out. println Q 〇 可 以 实现 页 面 的 输出 显示 ,但 是 在 代码 中 并 没有 任何 方法 声明 或 
创建 这 个 out 对 象 ,没有 创建 就 可 以 直接 使 用 的 原因 ,就 是 因为 out 对 象 是 JSP 内 置 对 象 
之 = 

除了 out 对 象 以 外 ,在 JSP 中 还 有 其 他 一 些 内 置 对 象 。JSP 内 置 对 象 一 共有 9 个 : 
request response、out, session、application、 pageContext、config、page 和 exception。 图 6-1 


列举 出 了 几 个 常用 的 内 置 对 象 ,也 是 这 章 将 要 重点 介绍 的 。 
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问题 多 

为 什么 JSP 的 内 置 对 象 不 需要 实例 化 即 可 直接 使 用 ? 

所 谓 内 置 对 象 就 是 由 Web 容器 加 载 的 一 组 类 的 实例 , 它 不 像 一 般 的 Java 对 和 象 在 创建 
类 的 实例 时 ,必须 要 使 用 "new" 关 键 字 去 构造 ,而 是 可 以 直接 在 JSP 中 使 用 的 对 象 。 特 别 要 
注意 的 是 JSP 的 内 置 对 象 名 称 均 是 JSP 的 保留 字 , 不 得 随便 使 用 。 


request 


| 常用 内 置 对 象 上 | 一 | response 


Session 


application 


6-1 JSP 常用 的 内 置 对 象 


6.2 JSP 内 置 对 象 out 


out 内 置 对 象 是 在 JSP 开发 过 程 中 使 用 得 最 为 频繁 的 对 象 ,然而 其 使 用 起 来 也 是 最 简 
单 的 。out 对 象 用 于 向 客户 端 输出 数据 。out 对 象 常用 的 方法 是 print () 和 println() ,这 两 
个 方法 都 能 用 于 在 页 面 中 打印 出 字符 串 信 息 , 区 别 在 于 println() 输 出 信息 后 换行 。 比 如 要 
在 页 面 上 打印 hello JSP 我 们 可 以 这 样 写 

<% 

out. print("hello JSP" ); 

%> 

print () 方 法 只 是 将 内 容 输 出 到 屏幕 上 ,其 实 ,程序 在 处 理 时 是 先 将 内 容 放 在 缓冲 区 中 ， 
而 不 是 直接 输出 ,等 到 JSP 引擎 解释 完 程 序 后 才 把 缓冲 区 中 的 数据 输出 到 浏览 器 上 。out 
常用 的 方法 还 有 : out. clear() ,清除 缓冲 区 中 的 数据 ,但 不 把 数据 写 到 客户 端 ; out. newLine()， 
输出 一 个 换行 符 。 


6.3 JSP 内 置 对 象 request 


request 对 象 是 JSP 程序 设计 中 最 常 使 用 的 内 置 对 象 , 它 是 HttpServletRequest 类 的 实 
例 ,使 用 request 对 象 可 以 对 客户 端 在 发 出 请 求 时 传送 给 服务 器 的 信息 进行 访问 。request 
对 象 主要 用 于 处 理 客户 端 请 求 , 其 工作 原理 如 图 6-2 所 示 。 


洁 求 JSP 页 面 请求 信息 
客户 端 关 一 -| request } Laika 服务 器 


图 6-2 request 内 置 对 象 的 工作 原理 


6.3 JSP 内 置 对 象 request (> 


当 客 户 端 向 服务 器 发 起 一 个 请 求 时 ,通常 会 把 自身 的 一 些 信息 ,例如 用 户 填写 的 表单 数 
据 , 保 存在 客户 端的 Cookie 信息 等 ,一 起 发 送 给 服务 器 。 服 务 器 将 来 自 客户 端的 请 求 信 息 
封装 到 request 对 象 中 ,而 被 请 求 页 面 就 可 以 使 用 request 对 象 来 获取 这 些 信息 。 封 装 在 请 
求 中 的 信息 通常 简称 为 请求 信 息 ” ,客户 端 发 送 给 所 请 求 页 面 的 表单 数据 等 通常 被 称 为 “请 
求 参 数 ”(parameter) 。 
request 对 象 的 方法 很 多 ,下 面 让 我 们 用 表 6-1 列 出 该 对 象 最 常用 的 一 些 方法 。 
表 6-1 request 对 象 的 几 个 常用 的 方法 表 
方法 名 称 说 明 
String getParameter(String name) 根据 页 面 表单 组 件 名 称 获取 页 面 提交 数据 
String[ ] getParameterValues (String name) | 获取 一 个 页 面 表单 组 件 对 应 多 个 值 时 的 用 户 的 请 求 数据 
指定 每 个 请 求 的 编码 ,在 调用 request. getParameter( ) 方 
法 之 前 进行 设 定 ,可 以 用 于 解决 中 文 乱 码 问 题 
返回 一 个 javax. servlet. RequestDispatcher 对 象 , 该 对 象 
的 forward 方法 用 于 转发 请 求 


void setCharacterEncoding (String charset) 


request. getRequestDispatcher( String path) 


了 解 了 request 对 象 具有 的 这 些 方 法 ,下 面 我 们 一 起 来 完成 一 个 开发 任务 ,通过 这 个 任 
务 来 说 明 如 何 使 用 request 对 象 的 这 些 常用 方法 。 开 发 任务 的 要 求 如 下 。 

编程 实现 网 站 注册 功能 。 注 册 信息 包括 :用 户 名 、 密 码 . 你 从 哪里 知道 本 网 站 的 ,如 
图 6-3 所 示 ,页 面 提交 后 ,显示 输入 的 数据 ,如 图 6-4 所 示 。 


和合 G 舍 htpyrlzadu- Box] 总 必 注册 
请 输入 注册 信息 


用 户 名 ， 


密码 : 
您 如 何 知道 本 网 站 的 ， Ei a 
EE 到 


6-3 输入 注册 信息 


友 hapy/localhos DPD- Cx 


你 输入 的 注册 信息 


用 户 名 :admin 
密码 : admin 
信息 来 源 : 报刊 网 络 


图 6-4 页 面 提交 后 现实 的 注册 信息 


py 


J 


a 
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实现 代码 如 示例 6-1。 


注册 页 面 reginput. jsp 如 下 。 


< /x 
* 注册 页 面 
*/ 
—-><% @ page language = "java" contentType = "text/html; charset =utf — 8" %> 
<html> 
<head> 
<title> 用 户 注册 </title> 
</head> 
<body> 
< div align = "center"> 请 输入 注册 信息 
< form name = "regForm" method= "post" action = "reginfo. jsp"> 
< table border = "0" align= "center"> 
<tr> 
<td> 用 户 名 : </td> 
<td>< input type = "text" name = "name"></td> 
</tr> 
<tr> 
<td height = "19"> 密 码 : </td> 
< td height = "19">< input type = "password" name = "pwd"></td> 


</tr> 

<tr> 

<td> 您 如 何 知道 本 网 站 的 : </td> 

<td> 
< input type = "checkbox" name = "channel" value = "报刊 "> 报刊 
< input type = "checkbox" name = "channel" value = "网 络 "> 网 络 < br/> 
< input type = "checkbox"” name = "channel" value = "朋友 推荐 "> 朋友 

推荐 
< input type = "checkbox"” name = "channel" value = "电视 "> 电视 
</td> 

</tr> 

<! -- 以 下 是 提交 、 取 消 按钮 -一 > 

<tr> 

<td colspan = "2" align = "center"> 

< input type= "submit" name = "Submit" value= "提交 "> 
< input type = "reset" name = "Reset" value = "取消 "> 
</td> 
</tr> 
</table> 
</form> 
</div> 
</body> 
</html > 


注册 提交 页 面 reginfo. jsp 如 下 。 
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< /x 
* 注册 提交 页 面 
*/ 
--><%@ page language = "java" contentType = "text/html; charset = utf — 8" %> 
< 和 
request. setCharacterEncoding( "utf - 8"); 
String name = request. getParameter("name"); 
String pwd = request. getParameter("pwd"); 
String[ ] channels = request. getParameterValues("channel"); 
%> 
<html> 
<head> 
<title> 注 册 信 息 </title> 
</head> 
<body> 
<div align= "center"> 你 输入 的 注册 信息 
<table border = "0" align = "center"> 
<tr> 
<td width= "80" height = "20"> 用 户 名 :</td> 
<td><% =name%></td> 
</tr> 
«Er> 
<td height = "20"> 密 码 :</td> 
<td><% =pwd%></td> 


</tr> 
<tr> 
<td height = "20"> 信 息 来 源 :</td> 
<td> 
< 和 
if (channels != null) { 
for (int i = 0; i< channels.length; i++) { 
out. print(channels[i] + "&nbsp;"); 
} 
} 
%> 
</td> 
</tr> 
</table> 
</div> 
</body> 


</html > 


代码 说 明 : request 的 getParameter () 方 法 是 最 为 常用 的 ,使 用 此 方法 可 以 获得 上 一 页 
面 所 提交 的 参数 值 。 此 外 ,注册 页 面 (reginput. jsp) 通 过 HTML 表单 给 注册 提交 页 面 
(reginfo. jsp) 提 交 了 两 个 参数 ,名 称 分 别 为 name 和 pwd, 通 过 调用 request. getParameter 
("name") 和 request. getParameter("pwd") 就 可 以 获取 到 这 两 个 参数 的 值 。 另 外 ,在 注册 
页 面 中 出 现 了 一 个 复 选 框 ,所 有 复 选项 的 名 称 都 是 channel, 这 样 我 们 在 注册 提交 页 面 中 使 
用 getParameterValues ("channel") 方 法 就 可 以 获取 到 一 个 数组 ,这 个 数组 中 存储 的 就 是 用 


0 
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选中 的 复 选项 对 应 的 值 。 


ar 


页 面 提交 后 ,可 能 会 出 现 中 文 乱码 问题 。 这 时 ,需要 使 用 request 对 象 的 
setCharacterEncoding() 方 法 ,以 指定 每 个 请 求 的 编码 。 在 调用 request. getParameter( ) 之 
前 调用 该 方法 ,并 把 字符 集 设 定 为 UTF-8, 可 以 解决 中 文 乱码 问题 。 


6.4 JSP 内 置 对 象 response 


6.4.1 response 对 象 


response 对 象 也 是 JSP 中 最 常 使 用 的 内 置 对 象 之 一 , 它 是 HttpServletResponse 类 的 
实例 。 我 们 学 习 了 如 何 使 用 JSP 技术 获取 请 求 信息 ,那么 JSP 技术 是 怎样 将 服务 器 响应 返 
回 给 客户 端的 呢 ? 下面 ,我 们 就 来 讲解 JSP 内 置 对 象 response 是 如 何 实现 用 户 响 应 的 。 其 
工作 原理 如 图 6-5 所 示 。 


_ JSP 页 面 
客户 端 | 员 应 response - | 服务 器 


6-5 ”response 内 置 对 象 的 工作 原理 


与 request 对 象 一 样 ,response 对 象 也 提供 了 多 个 方法 用 来 处 理 HTTP 响应 , 表 6-2 列 


出 了 几 个 常用 的 方法 。 
表 6-2 ”response 对 象 的 几 个 常用 的 方法 表 
方法 名 称 说 明 
addCookie(Cookie cookie) 在 客户 端 添加 Cookie 
setContentType( String type) 设置 HTTP 响应 的 contentType 类 型 
setCharacterEncoding(String charset) 设置 响应 所 采用 的 字符 编码 类 型 
sendRedirect(String path) 将 请 求 重 新 定位 到 一 个 不 同 的 URL 上 


最 常用 的 方法 是 void sendRedirect (String path) 。 这 个 方法 用 来 将 请 求 重 定向 到 一 个 
不 同 的 URL 上 。 

下 面 我 们 通过 完成 一 个 开发 任务 ,来 说 明 send Redirect () 方 法 的 使 用 ,这 个 开发 任务 
的 要 求 如 下 。 在 登录 页 面 (login. jsp) 上 输入 用 户 名 、 密 码 , 提 交 至 control. jsp 进行 处 理 , 如 
果 输 入 的 用 户 名 和 密码 都 是 admin 跳 转 至 欢迎 页 面 (welcome. jsp)。 登 录 页 面 如 图 6-6 所 
示 ,成 功 跳 转 后 的 欢迎 页 面 如 图 6-7 所 示 。 


(€l [> 加 http://localhost8080/testl/inputjsp PD ~ OX 


用 户 名 ，admin 密码 ，admin 


图 6-6 登录 页 面 


6.4 _ JSP 内置 对 象 response 


[cl 


【¢ /S Ermrereer 区 到 


图 6-7 欢迎 页 面 


登录 页 面 login. jsp 如 下 。 


<1-—/** 
* 登录 页 面 
*/ 
--><% @ page language = "java" contentType = "text/html; charset = UTF ~ 8" %> 
<html> 
<head> 
<title> 用 户 登 录 </title> 
</head> 
<body> 
< form name = "forml" method = post action = "control. jsp"> 
用 户 名 : < input type = "text" name = "userName"> 
密码 : < input type = "password" name = "pwd"> 
< input type = "submit" value = "登录 "> 
</form> 
</body> 


登录 处 理 页 面 control. jsp 如 下 。 


<1 ——/x* 
* 登录 处 理 页 面 
*/ 
—-><% @ page language = "java" contentType = "text/html; charset = UTF— 8" %> 
<html> 
<head> 
<title> 登 录 处 理 页 面 </title> 
</head> 
<body> 
<S% 
request. setCharacterEncoding( "UTF — 8"); 
String name = request.getParameter("userName"); 
String pwd = request. getParameter("pwd"); 
if(name. equals("admin")&& pwd. equals("admin")){ 
response. sendRedirect ("weclome. jsp"); 


</body> 


(所 20) 
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欢迎 页 面 welcome. jsp 如 下 。 
Ee 


* 欢迎 页 面 
x/ 


—--><% @ page language = "java" contentType = "text/html; charset = UTF— 8" %> 
<html> 
<head> 
<title> 欢 迎 </title> 
</head> 
<body> 
欢迎 进入 本 页 面 ! 
</body> 
</html > 


运行 一 下 ,你 可 能 会 注意 到 , 由 登录 页 面 跳 转 至 欢迎 页 面 后 ,客户 端 重新 建立 了 链接 ， 
URL 地 址 发 生 了 改变 ,如 图 6-7 所 示 。 我 们 暂且 不 去 探究 为 什么 会 这 样 , 继 续 完 善 示 例 的 
功能 。 

问题 % 


如 果 和 希望 当 登录 成 功 后 ,在 欢迎 页 面 显示 登录 用 户 怎 么 办 ? 

我 们 知道 当 用 户 提交 请 求 后 ,使 用 JSP 内 置 对 象 之 一 request 对 象 可 以 获取 到 用 户 请 
求 的 数据 , 接 下 来 我 们 要 在 welcome. jsp 中 显示 用 户 名 ,所 以 修改 welcome. jsp 的 代码 ,如 
示例 6-3 的 代码 所 示 。 


<! —— /x * 
* 欢迎 页 面 
*/ 


—-><% @ page language = "java" contentType = "text/html; charset = UTF— 8" %> 
<html> 
<head> 
<title> 欢 迎 </title> 
</head> 
<body> 
< 和 


String name = request. getParameter("userName" ) ; 
第 > 


欢迎 <% = name 多 > 进 入 本 页 面 ! 
</body> 


</body> 
</html > 


查看 运行 效果 ,如 图 6-8 所 示 。 


从 图 6-8 可 以 清晰 地 看 到 ,原本 应 该 显示 用 户 名 的 位 置 , 却 显示 为 null ,与 我 们 设想 的 
结果 完全 不 一 样 ,这 是 什么 原因 呢 ? 大 家 不 要 着 急 , 接 下 来 我 们 就 将 解决 这 个 问题 。 
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) | htto://localhost30s0/test1/weclomjsp 


欢迎 mu1 进 入 本 页 面 | 


6-8 读 取 用 户 信息 


6.4.2 转发 与 重 定向 
首先 对 control. jsp 的 代码 进行 修改 ,修改 后 的 代码 如 示例 6-4 所 示 。 


<1 —-— /x 
* 登录 处 理 页 面 
WW 
--><% @ page language = "java" contentType = "text/html; charset =UTF— 8" %> 
<html> 

<head> 

<title> 登 录 处 理 页 面 </title> 

</head> 

<body> 

<% 


request. setCharacterEncoding( "UTF ~ 8"); 

String name = request. getParameter("userName"); 

String pwd = request. getParameter("pwd"); 

if (name. equals ("admin") && pwd. equals ("admin")) { request. getRequestDispatcher 
("weclome. jsp" ) . forward(request, response);} 


让 碟 nnpyilocalhostsosonesl/controjsp PEO x| Ene 


欢迎 admin 浊 入 本 页 面 ! 


6-9 欢迎 页 面 


经 过 修改 代码 ,我们 实现 了 再 次 获取 用 户 信息 ,要 想 明 白 其 中 的 奥妙 ,就 必须 要 了 解 下 
面 我 们 要 讲 的 内 容 JSP 页 面 的 转发 与 重 定 向 。 

1. 转发 

转发 简单 地 说 就 是 通过 一 个 中 介 , 将 甲 方 的 请 求 传递 给 乙方 。 从 程序 运行 的 角度 来 说 
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就 是 当 客 户 端 发 送 一 个 请 求 到 服务 器 后 .Web 服务 器 调用 内 部 的 方法 在 容器 内 部 完成 请 求 
处 理 和 转发 动作 ,然后 将 目标 资源 发 送 给 浏览 器 ,整个 过 程 都 是 在 一 个 Web 容器 内 完成 , 因 
而 可 以 共享 request 范围 内 的 数据 。 而 对 应 到 客户 端 ,不 管 服务 器 内 部 如 何 处 理 , 作 为 浏览 
器 都 只 是 提交 了 一 个 请 求 ,因而 客户 端的 URL 地 址 不 会 发 生 改 变 。 转 发 的 实现 很 简单 ,使 
用 request 的 getRequestDispatcher () 方 法 即 可 实现 。 转 发 的 作用 :在 多 个 页 面 交互 过 程 中 
实现 请 求 数据 的 共享 。 

2. 重 定向 

在 示例 6-2 中 , 当 用 户 登录 成 功 后 ,我 们 使 用 的 是 response 对 象 的 sendRedirect () 方 
法 。 那 么 该 方法 执行 的 结果 是 客户 端 重新 向 服务 器 请 求 一 个 地 址 链接 ,由 于 是 发 送 新 的 请 
求 , 因 而 上 次 请 求 中 的 数据 将 随 之 丢失 ,我 们 将 这 种 行为 称 为 重 定向 。 由 于 服务 器 重新 定向 
了 URL, 因 而 在 客户 端 浏 览 器 中 显示 的 是 新 的 URL 地址 ,所 以 重 定向 可 以 理解 为 是 浏览 器 
至 少 提交 了 两 次 请 求 。 


C 信 
问题 : 转发 和 重 定向 有 什么 区 别 ? 


答 : 转发 和 重 定向 都 能 够 实现 页 面 的 跳 转 ,不 同 之 处 表现 在 以 下 几 方 面 : 

二 重 定向 过 程 : Web 服务 器 向 浏览 器 发 送 一 个 新 的 HTTP 请 求 , 浏 览 器 接受 此 响 
应 后 再 发 送 一 个 新 的 HTTP 请 求 到 服务 器 ,服务 器 根据 此 请 求 寻找 资源 并 发 送 
给 叫 览 器 。 它 可 以 重 定向 到 任意 URL, 不 能 共享 request 范围 内 的 数据 。 重 定 
向 是 在 客户 端 发 挥 作用 ,通过 请 求 新 的 地 址 实现 页 面 转向 。 重 定向 是 通过 浏览 
器 重新 请 求 地 址 ,在 地 址 栏 中 可 以 显示 转向 后 的 地 址 。 

转发 过 程 Web 服务 器 调用 内 部 的 方法 在 容器 内 部 完成 请 求 处 理 和 转发 动作 ， 
将 目标 资源 发 送 给 浏览 器 , 它 只 能 在 同一 个 Web 应 用 中 使 用 ,可 以 共享 request 
范围 内 的 数据 。 转 发 是 在 服务 器 端 发 挥 作 用 ,通过 forward 方法 将 提交 信息 在 
多 个 页 面 间 进行 传递 。 转 发 是 在 服务 器 内 部 控制 权 的 转移 ,客户 端 浏览 器 的 地 
址 栏 不 会 显示 出 转向 后 的 地 址 。 


6.5 JSP 内 置 对 象 session 


在 讲 session 之 前 ,我们 先 对 cookie 做 一 番 介 绍 。 


6.5.1 cookie 简介 

1. 为 什么 使 用 cookie 

我 们 都 知道 ,浏览 器 与 Web 服务 器 之 间 是 使 用 HTTP 协议 进行 通信 的 , 当 某 个 用 户 发 
出 页 面 请 求 后 Web 服务 器 进行 响应 ,然后 就 断 开 了 与 浏览 器 的 联系 。 因 此 当 一 个 请 求 发 送 
到 Web 服务 器 时 ,无 论 其 是 否 是 第 一 次 访问 ,服务 器 都 会 把 它 当 作 第 一 次 来 对 待 。 在 实际 
开发 中 ,我 们 往往 希望 服务 器 能 够 识别 已 访问 过 的 用 户 。 为 了 弥补 HTTP 协议 的 这 个 缺 
陷 。Netscape 开发 出 了 cookie 这 个 有 效 的 工具 来 保存 某 个 用 户 的 识别 信息 。 

2. 什么 是 cookie 

cookie 是 由 服务 器 端 生 成 ,发 送 给 客户 端 浏览 器 的 ,浏览 器 会 将 其 保存 成 某 个 目录 下 的 
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文本 文件 。 当 用 户 在 浏览 网 站 的 时 候 Web 服务 器 会 将 一 些 资料 存放 在 客户 端 ,这 些 资料 包 
括 用 户 在 浏览 网 站 期 间 输入 的 文字 或 是 一 些 选择 记录 。 当 用 户 下 一 次 访问 该 网 站 的 时 候 ， 
服务 器 会 先 从 客户 端 查看 是 否 有 保留 下 来 的 cookie 信息 ,然后 依据 cookie 旧 的 内 容 , 呈 现 
特定 的 页 面 内 容 给 用 户 。cookie 最 典型 的 应 用 是 判定 注册 用 户 是 否 已 经 登录 网 站 ,用 户 可 
能 会 得 到 提示 ,是 否 保存 状态 以 便于 在 下 一 次 进入 系统 时 可 以 简化 。 另 外 ,cookie 还 会 应 用 
到 "购物 车 之 类 的 业务 处 理 中 ,用 户 可 能 会 在 购物 网 站 中 选择 不 同 的 商品 ,这 些 信息 都 可 以 
使 用 cookie 进行 保存 ,然后 在 用 户 最 终结 算 时 进行 信息 提取 。 


是 1 和 
cookie 的 作用 表现 在 如 下 几 个 方面 : 
对 特定 对 象 的 追踪 ,如 访问 者 的 访问 次 数 、 最 后 访问 时 间 、 路 径 等 。 
二 统计 网 页 浏览 次 数 。 
二 在 cookie 有 效 期 内 ,记录 用 户 登 录 信 息 。 
< 实现 各 种 个 性 化 服务 ,如 针对 不 同 用 户 喜 好 以 不 同 的 风格 展示 不 同 的 内 容 。 


[a 


由 于 cookie 会 将 用 户 的 个 人 信息 保存 在 客户 端 , 例 如 用 户 名 、 计 算 机 名 、 以 往 浏览 和 访 
问 的 网 站 等 。 这 些 信息 中 会 包含 一 些 很 敏感 的 内 容 , 尤 其 是 用 户 私 人 的 信息 。 所 以 从 安全 
角度 上 ,使 用 cookie 存在 着 一 定 的 风险 。 因 此 不 建议 在 cookie 中 保存 比较 重要 或 敏感 的 
内 容 。 

3. 在 JSP 中 使 用 cookie 

第 一 步 : 使 用 page 指令 导入 类 javax. serverlet. http. cookie 


<% @page import = "javax. servlet. http. cookie" %> 


第 二 步 : 创建 cookie 对 象 

我 们 通过 调用 构造 函数 Cookie (String key,String value) 创 建新 的 cookie 对 象 ,其 中 ， 
key 用 于 代表 cookie 的 名 称 ,value 用 于 表示 当前 key 名 称 所 对 应 的 值 。 

第 三 步 : 写 入 cookie 

我 们 在 学 习 JSP 内 置 对 象 response 对 象 常 用 方法 时 ,有 一 个 addCookie () 方 法 . 


response. addCookie(newCookie) ; 


第 四 步 : 读 取 cookie 

读 取 时 将 会 调用 request 对 象 的 getCookies () 方 法 ,该 方法 将 会 返回 一 个 HTTP 请 求 
头 中 的 内 容 对 应 的 cookie 对 象 数组 ,因此 必须 要 通过 遍历 的 方式 进行 访问 。 

我 们 知道 cookie 是 通过 key/value 方式 进行 保存 的 ,因而 在 遍历 数组 时 ,需要 通过 调用 
getName() 对 每 个 数组 成 员 的 名 称 进行 检查 ,直至 找到 我 们 需要 的 cookie, 然 后 再 调用 
cookie 对 象 的 getValue() 方 法 取得 与 名 称 对 应 的 值 。 


登录 页 面 login. jsp 如 下 。 


中 
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< /xx 
* 登录 页 面 
x*/ 
--><%(@ page language = "java" import = "java.util. *" pageEncoding = "UTF - 8" %> 
<! DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title > 登录 页 面 </title> 
</head> 
<body> 
< form name = "loginForm" method = "post" action= "doLogin. jsp"> 
用 户 名 : < input type = "text" name = "userName" /> 
密码 : < input type = "password" name = "pwd" /> 
< input type = "submit" value = "登录 "> 
</form> 
</body> 
</html > 
登录 处 理 页 面 doLogin. jsp 如 下 。 
人 
* 登录 处 理 页 面 
*/ 
-- > <% @ page language = " java" import = " java. util. *, javax. servlet. http. cookie" 


pageEncoding = "UTF — 8" %> 


<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> 处 理 登录 页 面 </title> 
</head> 
<body> 
<% 
request. setCharacterEncoding( "UTF - 8"); 
String name = request.getParameter("userName"); 
String pwd = request. getParameter("pwd"); 
if("admin".equals(name. trim())&& "admin". equals(pwd. trim())){ 
// 以 key/value 的 形式 创建 Cookie 
Cookie uname = new Cookie("uname", name. trim()); 
response. addCookie( uname); 
response. sendRedirect ("welcome. jsp" ); 


%> 
</body> 
</html > 


欢迎 页 面 welcome. jsp 如 下 。 
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< /x 
* 欢迎 页 面 
*/ 
-- > <% @ page language = " java" import = " java. util. *, javax. servlet. http. cookie" 
pageEncoding = "UTF — 8" %> 
<! DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title > 欢迎 页 面 </title> 
</head> 
<body> 
<% 
// 获 取 请 求 中 的 Cookie, 以 数组 方式 保存 
Cookie cookies[ ] = request. getCookies(); 
// 循 环 遍历 数组 , 得 到 key 为 "uname" 的 Cookie 
for(int i= 0;i<cookies. length; i++){ 
Cookie ucookie = cookies[i]; 
if(ucookie. getName( ) . equals("uname" ) )// 判 断 Cookie 的 名 称 
// 获 取 key 对 应 的 value, 输 出 显示 
out. println(" 欢 迎 你 : " + ucookie. getValue()); 
} 
%> 
</body> 
</html> 


运行 示例 6-5 的 代码 ,显示 运行 结果 ,如 图 6-10 及 图 6-11 所 示 。 


BD |B np/ocalhost P - Bo x | enm 


密码 , eeoq | 


6-10 示例 6-5 填写 用 户 名 、 密 码 


父 htpV/localhost D> CX 


图 6-11 示例 6-5 显示 结果 


6.5.2 会 话 


就 Web 开发 而 言 ,一 个 会 话 就 是 用 户 通过 浏览 器 与 服务 器 之 间 进 行 的 一 次 通话 , 它 包 
含 浏览 器 与 服务 器 之 间 的 多 次 请 求 ` 响 应 过 程 。 简 单 地 说 就 是 在 一 段 时 间 内 ,单个 客户 与 
Web 服务 器 的 一 连 串 相关 的 交互 过 程 。 在 一 个 会 话 中 ,客户 可 能 会 多 次 请 求 访问 一 个 网 
页 ,也 有 可 能 请 求 访问 各 种 不 同 的 服务 器 资源 。 
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如 图 6-12 所 示 描 述 了 浏览 器 与 服务 器 的 一 次 会 话 过 程 。 当 用 户 向 服务 器 发 出 第 一 次 
请 求 时 ,服务 器 会 为 该 用 户 创建 唯一 的 会 话 , 会 话 将 一 直 延 续 到 用 户 访问 结束 (浏览 器 关闭 
可 以 导致 会 话 结束 ) 。 
请 求 1, 2,…,n 


浏览 器 | 响应 1, 2, … , 


服务 器 
6-12 一 次 会 话 过 程 


JSP 提供 了 一 个 可 以 在 多 个 请 求 之 间 持 续 有 效 的 会 话 对 象 session, session 对 象 允许 用 
户 存储 和 提取 会 话 状态 的 信息 。 接 下 来 ,我们 就 来 介绍 JSP 内 置 对 象 session。 


6.5.3 session 对 象 


session 对 象 是 javax. servlet. http. HttpSession 接口 的 实例 对 象 , 它 封装 了 属于 客户 会 
话 的 所 有 信息 。 

session 在 使 用 时 遵守 的 是 session 机 制 。session 机 制 是 一 种 服务 器 端的 机 制 ,在 服务 
器 端 使 用 类 似 于 散 列表 的 结构 来 保存 信息 。 当 程序 接收 到 客户 端的 请 求 时 ,服务 器 首先 会 
检查 这 个 客户 端 是 否 已 经 创建 了 session。 判 断 session 是 否 创建 是 通过 一 个 唯一 的 标识 
sessionid 来 实现 的 ,如 果 在 客户 端 请 求 中 包含 了 一 个 sessionid, 则 说 明 在 此 前 已 经 为 客户 
端 创建 了 session ,服务 器 就 会 根据 这 个 sessionid 将 对 应 的 session 读 取出 来 。 否 则 ,就 会 重 
新 创建 一 个 新 的 session ,并 生成 一 个 与 此 session 对 应 的 sessionid, 然 后 将 sessionid 在 本 次 
响应 的 过 程 返回 到 客户 端 保 存 。 

例如 ,我 们 在 上 网 时 ,找到 了 一 个 下 载 网 址 ,可 是 当 单 击 “ 下 载 " 条 时 ,系统 会 自动 转 信 登 
录 页 面 ,提示 用 户 登录 网 站 ,当然 如 果 你 已 经 登录 ,就 不 会 面临 这 样 的 问题 了 ,根据 前 面 提 到 
的 ,系统 即 通过 session 实现 对 网 站 的 访问 控制 。 


问题 : sessionid 会 返回 到 客户 端 ,那么 在 客户 端 sessionid 会 保存 在 什么 位 置 呢 ? 


答 : 在 客户 端 保存 用 户 信 息 使 用 的 是 cookie, 因 此 保存 sessionid 的 方式 也 是 使 
用 cookie 来 实现 的 。 在 客户 端的 cookie 中 ,保存 sessionid 的 名 称 类 似 于 SESSIONID， 
而 sessionid 的 值 也 是 一 串 复 杂 字 符 串 例如 jsessionid = 一 2Al1D30C 
7B32329D7C8BF16DC598C509 ,其 中 jsessionid 就 是 sessionid 的 名 称 , 后 面 的 字符 串 就 


是 分 配 的 sessionid 对 应 的 值 。 

下 面 ,我 们 就 来 创建 一 个 sessionID, 然后 从 cookie 中 读 取 sessionID, 对 比 两 个 
sessionID 是 否 相 同 。 
区 示例 6-6y》 


在 create. jsp 页 面 中 创建 一 个 session 。 


<1 一 一 / 关 关 
* 在 页 面 中 创建 session 
x 

/ 
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--><%@ page language = "java" import = "java.util. *" pageEncoding= "utf - 8" %> 


<% @page import = "javax. servlet. http. Cookie" %> 


<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 


<html> 
<head> 
<title>addCookie. jsp </title> 
</head> 
<body> 


<% 
session. setAttribute( "test", "hello JSP"); 


response. sendRedirect( "getCookie. jsp"); 
第 > 
</body> 
</html > 


在 getCookie. jsp 中 进行 读 取 。 


<!1—— /x** 
* 在 页 面 中 读 取 sessionID 


*/ 
--><%@ page language = "java" import = "java.util. *" pageEncoding= "utf - 8" 第 > 


<% @page import = "javax. servlet. http. Cookie" %> 
<! DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> getCookie. jsp </title> 
</head> 
<body> 


< 和 
out. print("sessionid:" + session. getId()); 


out. print("< br/>"); 
Cookie[ ] cookies = request. getCookies(); 
if(cookies!= nul1){ 
for(int i= 0;i< cookies. length;i++){ 
out. print("cookie name:" + cookies[i].getName()); 
out. print("< br/>"); 
out. print("cookie value:" + cookies[i].getValue()); 


} 
第 > 
</body> 
</html > 


示例 运行 的 效果 如 图 6-13 所 示 。 
由 图 6-13 的 输出 结果 可 以 看 出 ,cookie 的 值 与 sessionid 的 值 是 一 致 的 ,这 也 说 明了 ， 


sessionid 被 保存 在 cookie 中 ,使 用 cookie 的 getValue() 方 法 就 可 以 获取 到 sessionid。 
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铺 hapy/localhost PD” BC X||@ getcookiejsp 


sessionid-29C8902A668BFDF47C40B0O1F0A0D399D 
cookie nameJSESSIONID 
cookie value29C8902A668BFDF47C40B01F0A0D399D 


6-13 ” 读 取 sessionID 


问题 : 如 果 不 使 用 response 进行 重 定向 ,而 是 使 用 getRequestDispatcher( ). 


forward(request,response) 方 法 也 可 以 吗 ? 


答 : 不 可 以 ,因为 使 用 response 对 象 的 sendRedirect() 方 法 是 将 页 面 重 定向 到 
一 个 新 的 地 址 , 即 重新 向 服务 器 发 送 了 一 个 请 求 ,服务 器 已 经 对 上 一 个 请 求 做 出 了 处 
理 , 在 客户 端 写 入 了 cookie。 如 果 使 用 转发 的 形式 ,那么 服务 器 接收 的 是 相同 的 请 求 ， 
并 没有 返回 响应 ,因而 在 客户 端 没有 写 入 cookie。 
区 tt 
session 与 cookie 均 能 实现 信息 的 保存 ,但 是 二 者 的 区 别 如 下 : 
< session 是 在 服务 器 端 保 存 用 户 信 息 ,cookie 是 在 客户 端 保存 用 户 信息 。 
< session 中 保存 的 是 对 象 ,cookie 保存 的 是 字符 串 。 
< session 对 象 随 会 话 结束 而 关闭 ,cookie 可 以 长 期 保存 在 客户 端 。 
zcookie 通常 用 于 保存 不 重要 的 用 户 信息 ,重要 的 信息 使 用 session 保存 。 


6.5.4 使 用 session 实现 权限 控制 


在 JSP 中 session 对 象 用 来 存储 有 关 用 户 会 话 的 所 有 信息 。 一 个 用 户 对 应 一 个 
session ,并 且 随 着 用 户 的 离开 session 中 的 信息 也 会 消失 。 在 JSP 中 谈 到 访问 控制 ,其 实现 
就 是 基于 session 对 象 来 完成 的 。 

session 对 象 的 常用 方法 如 表 6-3 所 示 。 

表 6-3 session 对象 的 几 个 常用 的 方法 


方法 名 称 说 明 
void setAttribute(String key, Object value) 以 key/value 的 形式 保存 对 象 值 
Object getAtrribute(String key) 通过 key 获取 对 象 值 
void invalidate() 设置 session 对 象 失效 
String getId() 获取 session id 
void setMaxJInactiveInterval(int interval) 设 定 session 的 非 活动 时 间 
Int getMaxInactiveInterval() 获取 session 的 有 效 非 活动 时 间 ,以 秒 为 单位 


接 下 来 ,就 使 用 session 为 通知 公告 发 布 系统 -后 台 增 加 访问 控制 。 当 没有 增加 访问 控 
制 功 能 时 ,只 要 知道 后 台 网 页 地 址 ,在 IE 地 址 栏 中 直接 写 入 地 址 即 可 发 布 信息 ,这 是 非常 可 


fa 
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怕 的 。 当 我 们 在 程序 中 利用 session 增加 访问 控制 ,再 在 地 址 栏 中 输出 发 布 网 页 地 址 , 则 直 
接 跳 到 登录 页 面 。 完 成 此 功能 只 需 在 后 台 页 面 中 增加 如 下 小 脚本 代码 。 


〖 示 全 6-7> 


<1 一 一 / 关 关 

* 在 后 台 页 面 中 增加 小 脚本 ,控制 访问 

*/ 

--> 

<% @ page language = "java" import = "java.util. * ,com.bean. * " pageEncoding = "UTF — 8" %> 


<% 
User user = (User) session. getAttribute("LOGINED USER"); 
if (user == null) { 
response. sendRedirect("../../login. jsp"); 
elsef 
%> 


通过 session. getAttribute() 方 法 ,查找 在 session 中 是 否 有 key 为 LOGINED_USER 
的 用 户 ,如 果 没 有 则 重 定向 到 login. jsp 页 面 。 那 么 在 处 理 登 录 的 代码 中 应 该 有 


request. getSession(). setAttribute("LOGINED USER", user) 


把 登录 成 功 的 user 放 到 key 为 LOGINED_USER 的 session 中 。 


6.6 JSP 内 置 对 象 application 


我 们 刚刚 学 习 完 session 对 象 ,session 可 以 保存 当前 每 个 用 户 的 会 话 状态 信息 ,一 个 用 
户 对 应 着 一 个 session。 但 是 如 果 存 在 这 样 一 个 数据 (如 应 用 的 访问 人 数 ), 需 要 Web 应 用 
系统 中 的 所 有 用 户 共享 ,该 如 何 实现 呢 ? 可 以 使 用 JSP 的 另 一 个 内 置 对 象 application。 
application 对 象 类 似 于 系统 的 “全 局 变量 ”用 于 实现 用 户 之 间 的 数据 共享 , 且 只 有 一 个 
实例 。application 对 象 的 常用 方法 如 表 6-4 所 示 。 
表 6-4 _ application 对 象 的 几 个 常用 的 方法 


方法 名 称 说 明 
void setAttribute(String key, Object value) 以 key/value 的 形式 保存 对 象 值 
Object getAtrribute(String key) 通过 key 获取 对 象 值 
String getAttribute(String path) 返回 相对 路 径 的 真实 路 径 


那么 application 对 象 该 如 何 使 用 呢 ? 接 下 来 我 们 通过 一 个 开发 任务 来 具体 说 明 
application 的 用 法 。 


© 


第 6 章 。 JSP 内置 对 象 


在 网 站 系统 中 统计 并 显示 已 访问 的 人 数 , 该 如 何 实现 呢 ? 


loginWeb. jsp 页 面 。 


< /x 

* 在 页 面 中 登录 后 application 增加 1 

*/ 

--><%@ page language = "java" import = "java.util. *" pageEncoding= "UTF— 8" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 

<head> 
<title> login. jsp</title> 
</head> 
< 多 
Integer count = (Integer)application. getAttribute("count"); 
if(count != null){ 


count = 1 + count; 


Jelse{ 
count = 1; 
} 
application. setAttribute("count", count); 
%> 
<body> 


< form name = "loginForm" method = "post" action = "showCount. jsp"> 
用 户 名 : < input type = "text" name = "userName" /> 
密码 : < input type = "password" name = "pwd" /> 
< input type = "submit" value = "登录 "> 
</form> 
</body> 
</html > 


showCount. jsp 页 面 。 


a 
* 在 页 面 中 显示 统计 人 数 
*/ 
—-><%@ page language = "java" import = "java.util. x*" pageEncoding = "utf - 8" %> 
< 和 
Integer i = (Integer)application. getAttribute("count"); 


out. println(" 统 计 访问 量 : 目前 有 ”+ i +" 个 人 访问 过 本 网 站 "); 
%> 


示例 运行 的 效果 如 图 6-14 所 示 。 
至 此 ,JSP 的 几 个 常用 的 内 置 对 象 都 已 经 介绍 给 大 家 了 ,下面 通过 表 6-5 对 这 些 内 置 对 


象 进行 一 个 简要 总 结 。 


6.7 对 象 范围 (2 


靖 htpy/localhost P ™ BOX 


统计 访问 量 : 目前 有 3 个 人 访问 过 本 网 站 


图 6-14 已 访问 人 数 统计 页 面 
表 6-5 常用 内 置 对 象 总 结 


内 置 对 象 名 称 说 明 
out 对 象 用 于 向 客户 端 输出 数据 
request 对 象 主要 用 于 客户 端的 请 求 处 理 
response 对 象 用 于 响应 客户 端的 请 求 并 向 客户 端 输出 信息 
session 对 象 用 来 储存 有 关 用 户 会 话 的 所 有 信息 
application 对 象 类 似 于 全 局 变量 用 于 实现 用 户 之 间 的 数据 共享 
Rs 
资料 
JSP 的 其 他 内 置 对 象 如 下 : 


< pageContext: 提 供 访问 其 他 隐 含 对 象 的 方法 。pageContext 对 象 的 常用 方法 如 下 : 
getRequest( ): 获 得 request 对 象 ; 
getResponse( ) :获得 response 对 象 ; 
getSession( ) :获得 session 对 象 ; 
getOut() :获得 out 对 象 ; 
setAttribute( ) :保存 属性 ; 
getAttrubute( ) :获得 属性 ; 
indude( ) :包含 其 主页 面 在 pageContext 对 象 中 保存 的 属性 ,只 能 在 当前 页 面 中 去 
获取 。 
二 page: 表 示 当 前 页 面 。 类 似 于 Java 中 的 this。 在 JSP 页 面 中 ,很 少 使 用 page 对 象 。 
<config: 用 于 存放 JSP 编译 后 的 初始 数据 。 与 page 对 象 一 样 ,在 JSP 页 面 中 很 少 
使 用 。 
< exception :表示 JSP 页 面 运行 时 产生 的 异常 ,该 对 象 只 有 在 错误 页 面 (page 指令 中 设 
定 isErrorPage 为 true 的 页 面 ) 中 才能 够 使 用 。 


6.7 对 象 范围 


在 JSP 页 面 中 的 对 象 ,无论 是 用 户 创建 的 对 象 ,还 是 JSP 的 内 置 对 象 ,都 有 一 个 范围 ， 
范围 定义 了 什么 情况 下 ,哪些 JSP 页 面 可 以 访问 这 些 对 象 。 这 个 概念 类 似 于 Java 中 的 实例 
变量 .局 部 变量 和 类 变量 的 概念 。 在 JSP 中 ,对 象 有 四 种 范围 page、request、 session 和 


application 。 
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6.7.1 page 范 国 


page 范围 指 单一 JSP 页 面 的 范围 ,page 范围 内 的 对 象 只 能 在 创建 对 象 的 页 面 中 访问 。 
在 page 范围 内 可 以 使 用 pageContext 对 象 的 setAttribute () 和 getAttribute () 方 法 来 访问 
具有 这 种 范围 类 型 的 对 象 。page 范围 内 的 对 象 在 客户 端 每 次 请 求 JSP 页 面 时 创建 ,在 服务 


x* page 范围 test1. jsp 

*/ 

--><%@ page language = "java" import = "java.util. *" pageEncoding= "utf -8" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 


<html> 
<head> 
<title> PageScope </title> 
</head> 
<body> 
<% 
String name = "admin"; 
pageContext. setAttribute( "name", name); 
%> 
testl:<% = pageContext.getAttribute("name") %> 
<br/> 
<% 
pageContext. include( "test2. jsp"); 
%> 
</body> 
</html> 


test2. jsp 页 面 代码 为 

test2:<% = pageContext. getAttribute("name") %> 
运行 效果 如 图 6-15 所 示 。 
NY x 

pageContext 对 象 本 身 也 属于 page 范围 ,具有 page 范 。 图 6-15 page 范围 效果 图 
围 的 对 象 被 绑 定 到 pageContext 对 象 中 。 


a 


6.7.2 request 范围 

相对 于 在 page 范围 内 的 对 象 与 pageContext 绑 定 在 一 起 ,request 范围 内 的 对 象 则 是 
与 户 端 用 户 的 请 求 绑 定 在 一 起 , 即 request 范围 内 的 对 象 在 页 面 转发 或 包含 中 有 效 。 在 范 
内 的 对 象 同样 可 以 通过 调用 request 对 象 的 setAttribute () 与 getAttribute () 方 法 找到 。 
同时 在 调用 forward () 方 法 转向 的 页 面 或 者 调用 include () 方 法 包含 的 页 面 时 ,都 可 以 访问 


f= 
6.7 对 象 范围 (» 
request 范围 内 的 对 象 。 需 要 注意 的 是 ,因为 请 求 对 象 对 于 每 次 客 户 端的 用 户 请 求 是 不 同 


的 ,所 以 对 于 任何 一 个 新 的 请 求 ,都 要 重新 创建 该 范围 内 的 对 象 。 而 当 请 求 结束 后 ,创建 的 
对 象 也 随 之 失效 , 见 示例 6-10。 


< 示例 6 一 10 


test3. jsp 为 


< /x 
x* request 范围 test3. jsp 
*/ 
--><%@ page language = "java" import = "java.util. x*" pageEncoding = "utf - 8" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> RequestScope </title> 
</head> 
<body> 
< 和 
String name = "admin"; 
request. setAttribute("name", name); 
%> 
test3:<% = request.getAttribute("name") %> 
<br/> 
<% 
pageContext. include( "test4. jsp"); 
%> 
</body> 
</html > 


test4. jsp 页 面 代码 为 
test4:<% = request. getAttribute("name") %> 


运行 效果 如 图 6-16 所 示 。 


图 6-16 ”request 范围 效果 图 


可 以 调用 request 对 象 的 setAttribute() 方 法 ,将 String 对 象 保存 到 request 范围 ,然后 
调用 request 对 象 的 getAttribute 〇 方法 访问 request 范围 中 的 对 象 。 


6.7.3 session 范 国 


JSP 容器 为 每 一 次 会 话 创建 一 个 session 对 象 。 在 会 话 期 间 , 只 要 将 对 象 绑 定 到 
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全 


session 中 ,对象 的 范围 就 为 session。 在 会 话 有 效 期 间 都 可 以 访问 session 范围 内 的 session 
对 象 。 代 码 如 示例 6-11 所 示 。 


《示例 6 一 11 


test5. jsp 为 


<1 一 一 / 关 关 
# session 范围 test5. jsp 
x*/ 


==> 


< 第 

String req = "request"; 

String ses = "session"; 

request. setAttribute( "req", req); 
session. setAttribute( "ses", ses); 
response. sendRedirect( "test6. jsp"); 
第 > 


test6.jsp 页 面 代 码 为 


request:<% = request. getAttribute("req") %><br/> 
session:<% = session. getAttribute("ses") %> 


运行 效果 如 图 6-17 所 示 。 


6-17 session 范围 效果 图 


使 用 request 对 象 将 页 面 重 定向 到 test6. jsp, 在 test6. jsp 中 能 够 读 取 到 session 对 象 ， 
由 此 可 见 session 范围 内 的 对 象 在 会 话 有 效 期 内 有 效 , 使 用 response. sendRedirect () 重 定 
向 到 另外 一 个 页 面 的 时 候 , 相 当 于 重新 发 起 了 一 次 请 求 ,而 上 一 次 请 求 中 的 request 对 象 则 
随 之 失效 象 。 


6.7.4 application 范 国 


相对 于 session 范围 针对 一 个 会 话 ,application 的 范围 则 面 对 整 个 Web 应 用 程序 ,服务 
器 启动 后 就 会 创建 一 个 applicatlon 对 象 ,被 所 有 用 户 所 共享 ,其 范围 最 大 。application 对 象 
也 具有 setattribute () 和 getAttribute() 方 法 ,用 于 对 该 范围 内 的 对 象 进 行 存储 访问 。 
示例 6-12 》 


test7.jsp 为 


1 
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< /x 
application 范围 test7. jsp 
*/ 
--> 
<% 
String ses = "session"; 


String app = "application"; 

session. setAttribute("ses", ses); 

application. setAttribute("app", app); 

response. sendRedirect ("test8. jsp"); 
%> 


test6. jsp 页 面 代码 为 


session:<$% = session. getAttribute("ses") %><br/> 
application:<% =application. getAttribute("app") %> 


运行 效果 如 图 6-18 所 示 。 
当 关 闭 浏览 器 ,再 次 运行 test6. jsp 时 ,结果 如 图 6-19 所 示 。 
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图 6-18 ”application 范围 效果 图 6-19 ”application 范围 效果 图 


由 此 可 见 session 范围 针对 的 是 一 次 会 话 , 当 浏览 器 关闭 后 会 话 也 结束 ,所 以 无 法 读 取 。 
而 application 范围 针对 的 是 整个 系统 的 服务 ,因而 数据 可 以 被 再 次 读 取 , 除 非 Tomcat 重新 
启动 。 


6.8 上 机 练习 


1. 转发 . 重 定 向 ,cookie。 

需求 说 明 : 使 用 转发 . 重 定向 ,cookie 实现 登录 。 

实现 思路 : 参照 示例 6-4 .示例 6-5。 

2. 使 用 session 实现 访问 控制 。 

需求 说 明 : 通知 公告 发 布 系统 的 后 台 页 面 只 允许 管理 员 登 录 后 进入 。 

实现 思路 : 参照 示例 6-7。 

3. 实现 网 站 计数 器 功能 

需求 说 明 : 在 通知 公告 发 布 系统 的 前 台 每 个 通知 公告 显示 页 面 的 尾部 ,增加 显示 访问 
的 人 数 统计 ,每 当 用 户 访问 页 面 时 ,计数 器 加 1。 
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实现 思路 : 参照 示例 6-8。 


欢迎 访问 通知 公告 发 布 系统 现在 是 2013 年 02 月 19 日 


6-20 ”网 站 访问 量 统计 


4. 实现 通知 公告 类 型 的 动态 读 出 。 
需求 说 明 : 在 通知 公告 发 布 系统 的 前 台 左 部 ,通知 公告 类 型 名 称 。 
实现 思路 : 参照 第 5 章 的 上 机 练习 3。 


EE EP 
通知 公告 发 


欢迎 访问 通知 公告 发 布 系统 现在 是 2013 年 02 月 19 日 


图 6-21 通知 公告 类 型 的 动态 输出 


6.8 上 机 练习 (9) 
”yy 
5. 实现 根据 类 型 动态 读 出 通知 公告 列表 。 
需求 说 明 : 在 通知 公告 发 布 系统 的 前 台 ,通过 连接 通知 公告 类 型 名 称 , 在 页 面 右 部 动态 
读 出 属于 该 类 型 的 通知 列表 ,并 显示 。 
实现 思路 : 参照 第 5 章 上 机 练习 4。 
关键 代码 提示 : 
(1) foreground. jsp 页 面 中 通知 通告 类 型 链接 为 


<a href = "page/foreground/showNoticeByType. jsp?typeid= <% = type. getId() %>" 
target = "showNotice"> 


<% 
typeControl typeControl = new typeControl (); 
List list = typeControl. getAllType(); 
if(list. size()>0){ 
for(int i=0;i<list. size();i+t+){ 
Type type = (Type)list. get(i); 
%> 


<a href = "showNoticeByType. jsp?typeid=<% = type.getId() %>" target = "ShowNotice"> 
<% = type. getTypeName() %></a><br/> 
<% 


%> 


(2) showNoticeByType. jsp 的 关键 代码 提示 : 


< 和 
int id = Integer.parseInt(request. getParameter("typeid" ) ) ; 
NoticeControl noticeControl = new NoticeControl(); 
List list = noticeControl. getNoticeByTypelId( id); 
if(list. size()>0){ 
for(int i=0;i<list. size();i++){ 
Notice notice = (Notice)list. get(i); 
%> 
<a href ="#" target = "showNotice"> 
<% = notice. getTitle() %></a>< br/> 
< 和 
} 
} 
%> 


效果 如 图 6-22 所 示 。 

6. 实现 动态 显示 通知 公告 的 详细 信息 。 

需求 说 明 : 在 通知 公告 发 布 系统 的 前 台 , 通 过 连接 页 面 右 部 动态 通知 列表 的 信息 ,在 右 
部 显示 该 通知 的 详细 信息 。 

实现 思路 : 参照 第 5 章 上 机 练习 5。 


知 公告 发 布 系统 


欢迎 访问 通知 公告 发 布 系统 现在 是 2013 年 02 月 19 日 


图 6-22 根据 类 型 动态 读 出 通知 公告 列表 


EE 


通知 公告 发 布 系统 


欢迎 访问 通知 公告 发 布 系统 现在 是 2013 年 02 月 19 日 


标题 。 1 课表 查询 通知 


图 6-23 通知 公告 详细 信息 的 动态 输出 


关键 代码 提示 : 
(1) 首先 在 showNoticeByType. jsp 页 面 中 < a href 一 " 井 " target 王 "showNotice"> 改 为 


< a href = "page/foreground/showNoticeDetailByID. jsp? noticeid = <% = notice. getId( )% >" 
target = "showNotice"> 


(2) showNoticeDetailByID. jsp 的 关键 代码 提示 : 


<I 一 一 /关头 
* 显示 Notice 列表 JSP 页 面 代码 提示 
x 

, 


--> 


< 名 
request. setCharacterEncoding("utf 一 8"); 
int noticeid = Integer. parseInt(request. getParameter("noticeid")) ; 
NoticeControl noticeControl = new NoticeControl (); 
Notice notice = noticeControl. getNoticeById(noticeid) ; 


%> 
<table> 


<tr> 

< td> 标 题 : </td>< td><% = notice. getTitle()%></td> 
</tr> 
<tr> 

<td> 作 者 : </td>< td><$% = notice. getEditor()%></td> 
</tr> 


<tr> 
<td> 时 间 : </td>< td><% = notice. getCreateTime()%></td> 
</tr> 
久光 E> 
<td> 内 容 : </td>< td><% = notice. getContent()%></td> 
</tr> 
</table>…… 


(1) JSP 内 置 对 象 , 就 是 当 编 写 JSP 页 面 时 ,无 须 做 任何 声明 就 可 以 直接 使 用 的 对 象 。 

(2) 内 置 对 象 request 可 以 对 客户 端 在 发 出 请 求 时 传送 给 服务 器 的 信息 进行 访问 。 
request 对 象 主要 用 于 处 理 客户 端 请 求 。 

(3) 内 置 对 象 response 用 来 处 理 HTTP 响应 。 

(4) 转发 就 是 当 客 户 端 发 送 一 个 请 求 到 服务 器 后 , Web 服务 器 调用 内 部 的 方法 在 容器 
内 部 完成 请 求 处 理 和 转发 动作 ,然后 将 目标 资源 发 送 给 浏览 器 。 使 用 request 的 
getRequestDispatcher () 方 法 即 可 实现 。 重 定向 是 客户 端 重新 向 服务 器 请 求 一 个 地 址 链 
接 。 使 用 request. getRequestDispatcher(URL). forward(request,response) 方 法 实现 。 
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(5) 内 置 对 象 session 对 象 封装 了 属于 客户 会 话 的 所 有 信息 。 

(6) 内 置 对 象 application 对 象 类 似 于 系统 的 “全 局 变量 ”用 于 实现 用 户 之 间 的 数据 共 
享 , 且 只 有 一 个 实例 。 

(7) cookie 是 由 服务 器 端 生成 ,发 送 给 客户 端 浏览 器 的 ,浏览 器 会 将 其 保存 成 某 个 目录 
下 的 文本 文件 。 

(8) 通过 cookie 可 以 实现 浏览 器 与 服务 器 之 间 的 数据 传递 。 

(9) 就 Web 开发 来 说 ,一 个 会 话 就 是 用 户 通过 浏览 器 与 服务 器 之 间 的 一 次 通话 ,包含 
浏览 器 与 服务 器 之 间 的 多 次 请 求 .响应 过 程 。 

(10) session 与 cookie 均 能 实现 信息 的 保存 ,但 是 二 者 的 区 别 如 下 : 

。 session 是 在 服务 器 端 保存 用 户 信 息 ,cookie 是 在 客户 端 保存 用 户 信息 。 

。 session 中 保存 的 是 对 象 ,cookie 保存 的 是 字符 串 。 

。 session 对 象 随 会 话 结束 而 关闭 ,cookie 可 以 长 期 保存 在 客户 端 。 

。 cookie 通常 用 于 保存 不 重要 的 用 户 信息 ,重要 的 信息 使 用 session 保存 。 


6.10 作 业 


一 、 选 择 题 

1. 把 一 个 用 户 名 为 “Tom” 存 在 session 对 象 中 , 则 下 列 语句 正确 的 是 ( ) 。 
A. session. setAttribute(name, Tom) B. session. setAttribute("name", "Tom") 
C. session. setAttribute(Tom, name) D. session. setAttribute("Tom", "name") 


2. 运行 如 下 JSP 代码 ,以 下 说 法 正确 的 是 ( 和 


<% 
String str = "hello JSP"; 
session. setAttribute("title", str) ; 
String getStr = session.getAttribute("title"); 
out. println(getStr); 
%> 
A. 运行 成 功 ,页 面 输出 hello JSP 
B. 运行 成 功 ,页 面 输出 title 
C. 代码 session. setAttribute("title" ,str) 有 错 ,无 法 运行 
D. 代码 String getStr 二 session. getAttribute("title") 有 错 ,无 法 运行 
3. JSP 提供 了 一 个 可 以 在 多 个 请 求 之 间 持 续 有 效 的 内 置 对 象 是 ( ) ,该 对 象 与 浏览 
器 一 一 对 应 。 
A. request B. response C. session D. application 
二 、 简 答题 
1. JSP 的 内 置 对 象 有 哪些 ? 简要 说 明 这 些 内 置 对 象 在 JSP 中 的 主要 功能 ? 
2. 重 定向 与 转发 的 区 别 是 什么 ? 
3. 什么 是 cookie? 其 作用 是 什么 ? 


6.10 作业 (3 


、 程序 题 

1. 在 one. jsp 中 设置 一 个 超 链 接 , 链 接 值 two. jsp 文件 ,并 向 two. jsp 传递 两 个 参数 a 
和 bb, 在 two. jsp 中 输出 这 两 个 值 。 

2. 编写 一 个 JSP 页 面 ,统计 该 网 页 被 访问 的 次 数 。 
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因 本 音 学 习 目标 


二 掌握 什么 是 Servlet 

二 了 解 Servlet 与 JSP 的 关系 

< 掌握 Servlet 的 生命 周期 

二 了解 Servlet API 

掌握 使 用 Servlet 作为 控制 器 


通过 前 面 章 节 的 学 习 , 已 经 了 解 了 JSP 技术 的 体系 结构 和 技术 内 容 等 知识 。 在 
Internet 上 ,客户 端 通过 使 用 HTTP 协议 ,向 服务 器 端 发 送 请 求 信息 ,服务 器 对 请 求 数 据 进 
行 处 理 ,并 把 处 理 后 的 结果 响应 给 客户 端 。 那 么 这 一 切 是 怎么 做 到 的 呢 ? Servlet 是 什么 技 
术 , 能 解决 哪些 事情 。 本 章 我 们 将 逐步 学 习 Servlet 的 相关 技术 。 


7.1 Servlet 简 介 


使 用 JSP 技术 开发 Web 程序 ,是 在 JSP 中 写 入 Java 代码 , 当 服 务 器 运行 JSP 时 ,执行 Java 代 
码 ,动态 获取 数据 ,并 生成 HTML 代码 ,最 终 显示 在 客户 端 浏览 器 上 。 整 个 过 程 如 图 7-1 所 示 。 


请 求 
客户 端 服务 器 
响应 HTML 代 码 
2 
执行 


图 7-1 使 用 JSP 技 术 开 发 WEB 程序 


问题 : 在 JSP 技术 出 现 之 前 ,如 何 使 用 Java 语言 来 编写 Web 程序 ? 


答 : 在 JSP 技术 出 现 之 前 ,如 果 想 动态 生成 HTML 页 面 , 那 就 只 有 在 服务 器 端 运 行 
Java 程序 ,并 生成 HTML 格式 的 内 容 。 运 行 在 服务 器 端的 Java 程序 就 是 Servlet。 过 程 如 
图 7- 2 所 示 。 


7.2 初 识 Servlet 


请 求 


客户 端 


服务 器 


响应 HTML 代 码 


et 


Java 代 码 


7-2 使 用 Servlet 技术 开发 Web 程序 


那 什么 是 Servlet 呢 ? Servlet 是 一 个 符合 特定 规范 的 Java 程序 ,在 服务 器 端 运行 ,处 理 
客户 端 请 求 响应 ,如 图 7-3 所 示 。 


请 求 Servlet 运 行 于 
客户 端 [| 服务 器 服务 器 端 
响应 


7-3 ”Servlet 运行 于 服务 器 端 


尽管 Servlet 能 够 响应 任何 类 型 的 请 求 , 但 在 绝 大 多 数 的 网 络 应 用 中 ,都 是 客户 HTTP 
协议 访问 服务 器 端的 资源 ,而 我 们 所 编写 的 Servlet 也 是 应 用 于 HTTP 协议 的 响应 ,因此 我 
们 讲解 的 重点 也 将 放 在 和 这 方面 有 关 的 HttpServlet 类 。 


7.2 初 识 Servlet 


了 解 了 Servlet 的 功能 和 特点 ,知道 了 Servlet 的 定义 ,那么 Servlet 到 底 是 什么 样子 ? 
符合 哪些 规范 的 Java 程序 才 是 Servlet 呢 ? 

下 面 就 让 我 们 来 认识 一 下 Servlet。 首 先 创建 一 个 Web 项 目 Ch07_1, 在 src 中 创建 包 com. 
servlet, 在 com. servlet 包 中 创建 名 为 HelloServletTest. java 的 Servlet 文件 ,代码 如 示例 7-1 所 示 。 


/x 

* 初 识 Servlet 

*/ 

import java. io. IOException; 
import java. io.PrintWriter; 


import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 


public class HelloServletTest extends HttpServlet { 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html;charset = UTF — 8"); 
PrintWriter out = response.getWriter(); 
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out. println("< html>"); 
out. println(" < head><title> Servlet </title></head >"); 
out. println(" < body >"); 
out. println(" 你 好 ,欢迎 来 到 Servlet 世界 "); 
out. println(" </body>"); 
out. println("</html >"); 
out. close( ); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 


doGet (request, response); 
} 
} 
在 示例 7-1 中 ,需要 强调 以 下 3 点 : 


。 在 调用 Servlet 时 ,首先 要 在 程序 中 导入 Servlet 所 需 的 包 。 

。 创建 用 于 Web 应 用 的 Servlet 继承 自 HttpServlet 类 。 

。 实现 doGet() 或 者 doPost() 方 法 。 

那么 如 何 访问 该 Servlet 呢 ? 我 们 还 需 在 web. xml 中 配置 ,配置 如 下 。 


<?xml version = "1.0" encoding = "UTF - 8"?> 
<web - app version= "2.5" 
xmlns = "http://java. sun. com/xml/ns/javaee" 
xmlns:xsi= "http://www. w3. org/2001/XMLSchema - instance”" 
xsi:schemaLocation = "http://java. sun. com/xml/ns/javaee 
http://java. sun. com/xml/ns/javaee/web— app_2_5.xsd"> 
<servlet> 
< servlet - name> MyServlet </servlet - name> 
< servlet - class > com. HelloServletTest </servlet ~- class> 
</servlet > 
< servlet ~- mapping> 
< servlet - name > MyServlet </servlet - name> 
< url - pattern>/testServlet </url - pattern> 
</ servlet - mapping> 
</web - app> 


在 上 述 代 码 中 ,首先 通过 < servletname> 和 
< servlet-class > 元 素 声明 Servlet 的 名 称 和 类 [¢ 回 斜 htpynlocalhost P - CX 
的 路 径 ,然后 通过 < url-pattern > 元 素 声 明 访问 
这 个 Servlet 的 URI 映射 。 

打开 了 正 浏 览 器 ,在 地 址 栏 中 输入 : 
http://localhost:8080/Ch07_1/testServlet, 则 会 
出 现 如 图 7-4 所 示 的 运行 结果 。 


你 好 ， 欢 迎 来 到 Servlet 世 界 


图 7-4 示例 7-1 的 运行 效果 图 


E 
7.3 Servlet 与 JSP 的 关系 ( 


7.3 Servlet 与 JSP 的 关系 


sy ) 


既然 Servlet 与 JSP 都 可 以 在 页 面 上 动态 显示 数据 ,那么 它们 之 间 存 在 什么 样 的 关系 ? 


创建 Web 项 目 Ch07_2 建立 Test. jsp 文件 ,内 容 如 示例 7-2 所 示 。 


/x x 
* 简单 的 Html 页 面 代码 
*/ 
<% @ page language = "java" import = "java.util. * " pageEncoding = "UTF— 8" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> Test JSP </title> 
</head> 
<body> 
This is my JSP page. <br> 
</body> 
</html > 


当 我 们 部 署 项 目 并 运行 Test. jsp 后 ,在 Tomcat 的 安装 目录 下 的 
\work\Catalina\localhost\Ch07_2\org\apach\jsp 
自动 生成 一 个 Test_jsp. java, 主 要 的 内 容 如 示例 7-3 所 示 。 


/x 
* 部 署 后 work 目录 下 的 Test_jsp. java 文 件 
*/ 
oe // 导 入 需要 引入 的 包 
public final class Test_jsp extends 
org. apache. jasper. runt ime. HttpJspBase … … { 
public void _jspService(final 
javax. servlet. http. HttpServletRequest request, 
final javax. servlet. http. HttpServletResponse response) 
throws java. io. IOException, ServletException { 
// 定 义 其 他 变量 
try{ 
response. setContentType( "text/html;charset = UTF — 8"); 
JspWriter out = pageContext.getOut(); 
out. write("\r\n"); 
out.write("<html >\r\n"); 
out.write(" <head> \r\n"); 
out.write(" <title> Test JSP</title>\r\n"); 
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out. write(" </head> \r\n"); 
out.write(" <body>\r\n"); 
out. write(" This is my JSP page. <br>\r\n"); 
out. write(" </body>\r\n"); 
out. write("</html >\r\n"); 
} catch (java. lang. Throwable t) { 
…// 进 行 其 他 处 理 


从 示例 7-3 中 可 以 看 出 Test. jsp 在 运行 时 首先 解析 成 一 个 Java 类 Test_jsp. java, 该 类 
pe org. apache. jasper. runtime. HttpJspBase 类 ,而 HttpJspBase 又 是 继承 自 HttpServlet 的 
此 我 们 可 以 得 出 一 个 结论 ,就 是 JSP 在 运行 时 会 被 Web 容器 翻译 为 一 个 Servlet。 


3 比较 

JSP、JavaBean 和 Servlet, 它 们 之 间 有 什么 区 别 和 联系 呢 ? 
Servlet 和 JavaBean 一 样 ,本 质 都 是 Java 类 ,不 同 的 是 ,JavaBean 不 能 独立 运行 ,只 
是 提供 接口 供 JSP 等 访问 ,而 Servlet 可 以 独立 运行 。 
可 以 说 Servlet 是 JSP 的 前 身 , 在 JSP 出 现 之 前 ,Sun 公司 推出 了 Servlet, 但 由 于 使 
用 Servlet 编写 HTML 脚本 时 ,需要 使 用 print 或 者 println 方法 逐 句 打印 输出 ,这 
给 开发 人 员 带 来 很 大 麻烦 ,限制 了 Servlet 的 广泛 应 用 ,由 此 ,JSP 技术 应 运 而 生 。 
JSP 网 页 是 在 HTML 脚本 中 谋 入 Java 代码 , 它 从 根本 上 改变 了 Servlet 的 编程 方 
式 。 使 用 Servlet 显示 页 面 的 用 户 也 越 来 越 少 。 
就 业务 处 理 能 力 来 说 ,Servlet 不 如 JavaBean 和 EJB 强大 。 就 页 面 显 示 能 力 来 说 ， 
Servlet 不 如 JSP 方便 。 既 然 这 样 , 那 Servlet 岂 不 是 没有 什么 用 处 ? 不 是 的 ! 在 当 
今 的 J2EE 应 用 开发 中 ,Servlet 仍然 有 它 的 用 处 ,如 处 理 小 型 的 任务 ,或 者 用 来 作为 
MVC (Model-View-Controller) 模式 中 的 控制 器 (Controller) ,下 一 章 我 们 将 介绍 
MVC。 使 用 Servlet 作为 控制 器 ,控制 模型 (Model) 和 视图 (View) 之 间 的 交互 过 
程 , 它 决定 向 用 户 返回 怎样 的 视图 等 。 因 此 Servlet 的 角色 发 生 了 改变 。 
选择 JSP 还 是 Servlet, 往 往 不 是 绝对 的 。 常 见 的 是 将 两 者 结合 起 来 ,例如 ,使 用 
Servlet 来 处 理 用 户 请 求 , 处 理 完毕 ,将 结果 发 送 给 JSP, 由 JSP 来 进行 显示 等 。 
JSP、JavaBean 和 Servlet 可 以 进行 交流 ,例如 ,JSP 可 以 调用 JavaBean, 也 可 以 调用 
Servlet, 在 Servlet 中 处 理 数 据 后 ,也 可 以 通过 JSP 网 页 显示 出 来 等 。 


7.4 Servlet 的 生命 周期 


为 了 在 应 用 程序 中 能 够 更 好 地 使 用 Servlet, 接 下 来 我 们 了 解 一 下 Servlet 的 生命 周期 。 
所 谓 的 生命 周期 就 是 Servlet 从 创建 到 销毁 的 过 程 , 包 括 如 何 加 载 和 实例 化 .初始 化 处理 请 
求 以 及 如 何 被 销毁 。 


内 


7.5 Servlet API 名) 


1. 加 载 和 实例 化 

Servlet 容器 负责 加 载 和 实例 化 Servlet, 当 客户 端 发 送 一 个 请 求 时 ,Servlet 容器 会 查找 
内 存 中 是 否 存 在 该 Servlet 的 实例 ,如 果 不 存在 ,就 创建 一 个 Servlet 实例 。 如 果 存 在 该 
Servlet 的 实例 ,就 直接 从 内 存 中 取出 该 实例 来 响应 请 求 。 

2. 初始 化 

在 Servlet 容器 完成 Servlet 实例 化 后 ,Servlet 容器 将 调用 Servlet 的 init () 方 法 进行 初 
始 化 ,初始 化 的 目的 是 让 Servlet 对 象 在 处 理 客 户 端 请 求 前 完成 一 些 初始 化 工作 ,例如 ,设置 
数据 库 连 接 参数 ,建立 JDBC 连接 ,或 者 是 建立 对 其 他 资源 的 引用 。init () 方 法 在 javax. 
servlet. Servlet 接口 中 定义 。 对 于 每 一 个 Servlet 实例 ,init() 方 法 只 被 调用 一 次 。 

3. 服务 

Servlet 被 初始 化 以 后 ,就 处 于 能 响应 请 求 的 就 绪 状态 。 当 Servlet 容器 接收 到 客户 端 
请 求 时 ,调用 Servlet 的 service() 方 法 处 理 客 户 端 请 求 。Servlet 实例 通过 ServletRequest 
对 象 获得 客户 端的 请 求 。 通 过 调用 ServletResponse 对 象 的 方法 设置 响应 信息 。 

4. 销毁 

Servlet 的 实例 是 由 Servlet 容器 创建 的 ,所 以 实例 的 销毁 也 是 由 容器 来 完成 的 。 
Servlet 容器 判断 一 个 Servlet 是 否 应 当 被 释放 时 (容器 关闭 或 需要 回收 资源 ) ,容器 就 会 调 
用 Servlet 的 destroy () 方 法 ,destroy () 方 法 指明 哪些 资源 可 以 被 系统 回收 ,而 不 是 destroy () 
方法 直接 进行 回收 。 

Servlet 生命 周期 过 程 和 相应 的 方法 如 图 7-5 所 示 : 


(实例 化 -Servlet 容器 创建 Serviet 的 实例 ] 


初始 化 -~( 该 容器 调用 init0 方 法 ] 


人 处理 请 求 “ 上 ~( 如 果 请 求 Serviet， 则 容器 调用 service0 方 法 】 


服务 终止 销毁 实例 之 前 调用 destroy() 方 法 


图 7-5 Servlet 生命 周期 


7.$ Servlet API 


使 用 Servlet API 可 以 开发 HTTP Servlet 或 其 他 Servlet,Servlet API 包含 在 两 个 包 内 。 
javax. servlet 包 中 的 类 和 接口 支持 通用 的 不 依赖 协议 的 Servlet, 包 括 Servlet、ServletRequest、 
ServletResponse、ServletConfig、ServletContext 接口 及 抽象 类 GenericServlet; javax. servlet. http 
包 中 的 类 和 接口 是 用 于 支持 HTTP 协议 的 Servlet API。 


7.5.1 Servlet 接口 


Servlet 接口 定义 了 所 有 Servlet 需要 实现 的 方法 ,包括 init () 、service()、destroy () 方 
法 ,以 及 getServletlnfo () 方 法 (用 于 获得 Servlet 信息 ) 和 getServletConfig () 方 法 (返回 
ServletConfig 对 象 ) 。 
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7.5.2 GenericServlet 抽象 类 


抽象 类 GenericServlet 实现 了 Servlet 接口 和 ServletConfig 接口 ,给 出 除 service() 外 的 
其 他 方法 的 简单 实现 , 它 定义 了 通用 的 \ 不 依赖 于 协议 的 Servlet。 它 常用 的 方法 如 表 7-1 所 


不 。 


表 7-1 GenericServlet 的 常用 方法 


方法 名 称 功能 描述 
void init(ServletConfig config) 调用 Servlet 接口 中 的 init() 方 法 
String getInitParameter( String name) 返回 名 称 为 name 的 初始 化 参数 
ServletContext getServletContext() 返回 ServletContext 对 象 的 引用 


十 sw 


通常 只 需要 重 写 不 带 参 数 的 init() 方 法 ,如 果 重 写 init(ServletConfig config) 方 法 ,那么 
应 该 包含 super. init(config) 这 身 代 码 。 

如 果 要 编写 一 个 通用 的 Servlet, 只 要 继承 自 GenericServlet 类 ,实现 service() 方 法 
即 可 。 
7.5.3 HttpServlet 抽象 类 

抽象 类 HttpServlet 继承 自 GenericServlet 类 ,具有 与 GenericServlet 类 似 的 方法 和 对 
象 ,支持 HTTP 的 post 和 get 方法 ,并 提供 了 与 HTTP 相关 的 实现 。HttpServlet 能 够 根 
据 客户 发 出 的 HTTP 请 求 ,进行 相 应 的 处 理 , 并 得 到 相应 的 结果 ,然后 这 个 相应 结果 会 被 自 
动 封装 到 HttpServletRequest 对 象 中 。 根 据 HTTP 协议 中 定义 的 请 求 方法 , HttpServlet 
分 别提 供 了 处 理 请 求 的 相应 方法 ,如 表 7-2 所 示 。 

表 7-2 HttpServlet 的 常用 方法 
方法 名 称 功能 描述 


void service 〈 ServletRequest req， 


调用 GenericServlet 类 中 service() 方 法 的 实现 


ServletResponse res) 


void doXXX ( HttpServletRequest | 根据 请 求 方式 的 不 同 ,分 别 调用 相应 的 处 理 方法 ,例如 ,doGet()、 
reqy HttpServletResponse res) doPost() 等 


二 经 哈 


HttpServlet 的 service() 方 法 ,已 经 帮助 我 们 根据 请 求 方法 的 类 型 ,调用 相应 的 doXxx() 
方法 。 所 以 在 编写 Servlet 时 只 需要 根据 应 用 的 需要 , 重 写 doGet() 或 者 doPost() 方 法 
即 可 。 


7.5.4 ServletConfig 接口 


在 Servlet 初始 化 时 Servlet 容器 使 用 ServletConfig 对 象 向 该 Servlet 传递 信息 。 
ServletConfig 接口 定义 的 方法 如 表 7-3 所 示 。 


7.5 Servlet API (3 


表 7-3 ServletConfig 的 常用 方法 


方法 名 称 功能 描述 
String getInitParameter(String name) 获取 web. xml 设置 的 以 name 命名 的 初始 化 参数 值 
ServletContext getServletContext() 返回 Servlet 的 上 下 文 对 象 引 用 


(Das 


一 个 Servlet 只 有 一 个 ServletConfig 对 象 。 
7.5.5 ServletContext 接口 


一 个 ServletContext 对 象 表示 一 个 Web 应 用 的 上 下 文 ,Servlet 使 用 ServletContext 接 
口 定义 的 方法 与 它 的 Servlet 容器 进行 通信 。 

Servlet 容器 厂商 负责 提供 ServletContext 接口 的 实现 ,容器 在 应 用 程序 加 载 时 创建 
ServletContext 对 象 ,ServletContext 对 象 被 Servle 容器 中 的 所 有 Servlet 共享 

前 面 我 们 学 习 过 的 JSP 内 置 对 象 application 是 ServletContext 的 实例 ,ServletContext 
对 象 的 用 法 详 见 表 7-4 所 示 。 


表 7-4 ServletContext 的 常用 方法 


方法 名 称 功能 描述 
获取 名 称 为 name 的 系统 范围 内 的 初始 化 参数 值 , 系 统 范 
String getInitParameter(String name) 围 内 的 初始 化 参数 可 以 在 部 署 描述 符 中 使 用 < context- 
param > 元 素 定 义 


void setAttribute (java. lang. String name, 


java. lang. Object object) 获 政 名 称 为 name 的 属性 
Object getAttribute(String name) 获取 名 称 为 name 的 属性 
String getRealPath(String path) 返回 相对 路 径 的 真实 路 径 
void log(String message) 记录 一 般 日 志 信 息 


注 : ServletContext 还 提供 了 很 多 实用 的 方法 来 取得 服务 器 的 信息 , 想 进 一 步 了 解 请 参考 Servlet 
文档 。 


7.5.6 ServletRequest 和 HttpServletRequest 接口 
1. ServletRequest 接口 
当 客户 请 求 时 ,由 Servlet 容器 创建 ServletRequest 对 象 (用 于 封装 客户 的 请 求 信 息 ) 这 
个 对 象 将 被 容器 作为 service () 方 法 的 参数 之 一 传递 给 ServletRequest 对 象 获取 客户 端的 
请 求 数据 。ServletRequest 接口 中 的 常用 方法 如 表 7-5 所 示 。 
表 7-5 ServletRequest 接口 的 常用 方法 


方法 名 称 功能 描述 
Object getAttribute(String name) 获取 名 称 为 name 的 属性 值 
void setAttribute(String name, Object object) 在 请 求 中 保存 名 称 为 name 的 属性 
void removeAttribute(String name) 清除 请 求 中 名 字 为 name 的 属性 


SS 


> 
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2. HttpServletRequest 接口 

HttpServletRequest 位 于 javax. servlet. http 包 中 ,继承 自 ServletRequest 接口 。 通 过 
该 接口 同样 可 以 获取 请 求 中 的 参数 HttpServletRequest 接口 除了 继承 了 ServletRequest 接 
口中 的 方法 ,还 增加 了 一 些 用 于 读 取 请 求 信息 的 方法 ,增加 的 方法 如 表 7-6 所 示 。 


表 7-6 ”HttpServletRequest 接口 的 常用 方法 


方法 名 称 


功能 描述 


String getContextPath() 


返回 请 求 URI 中 表示 请 求 上 下 文 的 路 径 ,上 下 文 路 径 是 请 求 URI 的 
开始 部 分 


Cookie[ ] getCookies() 


返回 客户 端 在 此 次 请 求 中 发 送 的 所 有 Cookie 对 象 


HttpSession getSession() 


返回 和 此 次 请 求 相关 联 的 Session, 如 果 没 有 给 客户 端 分 配 Session， 
则 创建 一 个 新 的 Session 


String getMethod() 


返回 此 次 请 求 所 使 用 的 HTTP 方法 的 名 字 , 如 GET .POST 


7.5.7 ServletResponse 和 HttpServletResponse 接口 


1. ServletResponset 接口 


Servlet 容器 在 接收 客户 请 求 时 ,除了 创建 ServletRequest 对 象 用 于 封装 客户 的 请 求 信 
息 外 ,还 创建 了 一 个 ServletResponse 对 象 ,用 来 封装 响应 数据 ,并 且 同 时 将 这 两 个 对 象 作为 
参数 传递 给 Servlet。Servlet 利用 ServletRequest 对 象 获取 客户 端的 请 求 数据 ,经 过 处 理 后 
由 ServletResponse 对 象 发 送 响 应 数据 。ServletResponse 接口 中 的 常用 方法 如 表 7-7 所 示 。 


表 7-7 ServletResponse 接口 的 常用 方法 


方法 名 称 


功能 描述 


PrintWriter getWriter() 


返回 PrintWrite 对 象 ,用 于 向 客户 端 发 送 文本 


String getCharacterEncoding() 


返回 在 响应 中 发 送 的 正文 所 使 用 的 字符 编码 


void setCharacterEncoding() 


设置 发 送 到 客户 端的 响应 的 字符 编码 


void setContentType(String type) 


设置 发 送 到 客户 端的 响应 的 内 容 类 型 ,此 时 响应 的 状态 属于 尚未 
提交 


2. HttpServletResponse 接口 
与 HttpServletRequest 接口 类 似 , HttpServletResponset 接口 也 继承 自 ServletResponse 接 
口 ,用 于 对 客户 端的 请 求 执行 响应 。 它 除了 具有 ServletResponse 接口 的 常用 方法 外 ,还 增 


加 了 新 的 方法 ,如 表 7-8 所 示 。 


表 7-8 HttpServletResponse 接口 的 常用 方法 


方法 名 称 


功能 描述 


void addCookie( Cookie cookie) 


增加 一 个 Cookie 到 响应 中 ,这 个 方法 可 多 次 调用 ,设置 
多 个 Cookie 


void addHeader(String name, String value) 


将 一 个 名 称 为 name, 值 为 value 的 响应 报头 添加 到 响 
应 中 
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方法 名 称 功能 描述 

一 个 临时 的 重 定向 响应 到 客户 端 ,以 便 客户 端 访问 
a URL。 抛 出 一 个 IOException 

. 使 用 Ssession ID 对 用 于 重 定向 的 URL 进行 编码 ,以 便 

void encodeURL(String url) 用 于 sendRedirectO 方法 中 


void sendRedirect( String location) 


7.6 Servlet 应 用 


7.6.1 获取 HTML 表单 信息 


在 前 面 的 章节 中 ,已 经 介绍 了 使 用 JSP 技术 来 接受 HTML 表单 信息 。 同 样 的 ,Servlet 
也 可 以 接收 客户 浏览 器 在 HTML 表单 中 填 入 的 信息 ,从 而 实现 客户 与 服务 器 之 间 的 交互 。 
下 面 来 举 一 个 示例 ,该 示例 由 一 个 HTML 网 页 和 一 个 Servlet 程序 组 成 。 用 户 在 HTML 
网 页 的 表单 中 输入 用 户 信息 ,包括 姓名 .性 别 和 Email 地 址 ,并 提交 表单 ,Servlet 程序 会 接 
收 这 些 信息 ,然后 打印 输出 到 用 户 浏 览 器 中 。 


区 示 负 7=4> 


information. html 页 面 代码 如 下 。 


/x 
* 简单 的 Html 页 面 代码 
*/ 
<! DOCTYPE html PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN" "http://www. w3. org/TR/ 
html4/loo0se. dtd"> 
<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
<title> servlet 获取 HTML 表单 信息 </title> 
</head> 
<body> 
<form name = "forml" action= "informationServlet" method= "post"> 
姓名 : < input name = "name" type = "text"><br/> 
性 别 : < input name = "sex" type = "text"><br/> 
Email 地 址 : < input name = "email" type = "text"">< br/> 
< input type = "submit" value = "提交 "> < input type = "reset" value = " 重 填 "> 
</form> 
</body> 
</html > 


接 下 来 编写 Servlet 程序 informationServlet. java。 


/x 


* Java servlet * 


bi SS 
9 第 7 章 servlet 技 术 


*/ 
package com. servlet; 
import java. io. IOException; 
import java. io. PrintWriter; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
public class informationServlet extends HttpServlet { 
public void doGet ( HttpServletRequest request, HttpServletResponse response ) throws| 
ServletException, IOException { 
response. setContentType( "text/html; charset = utf — 8"); 
PrintWriter out = response.getWriter(); 
out. println( "<! DOCTYPE HTML PUBLIC \" - //W3C//DTD HTML 4. 01 Transitional//EN\">"); 
request. setCharacterEncoding("utf - 8"); 
String name = request. getParameter( "name" ); 
String sex = request. getParameter("sex"); 
String email = request. getParameter("email"); 
out. println("< HTML >"); 
out. println(" < HEAD><TITLE > 获取 HTML 表单 信息 </TITLE></HEAD>"); 
out. println(" < BODY >"); 
out. print(" 姓 名 : "+ name + "< br >"); 
out. print(" 性 别 : "+ sex + "< br>"); 
out. print("Email: "+ email + "< br >"); 
out. println(" </BODY >"); 
out. println("</HTML >"); 
out. flush( ); 
out. close( ); 
} 
public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this. doGet (request, response); 


web. xml 中 的 配置 为 


/x 
* web. xml 的 配置 
*/ 
<?xml version= "1.0" encoding = "UTF — 8"?> 
<web - app version = "2.5" 
xmlns = "http://java. sun. com/xml/ns/javaee" 
xmlns:xsi = "http://www.w3.org/2001/XMLSchema — instance" 
xsi: schemaLocation = "http://java. sun. com/xml/ns/javaee 
http://java. sun. com/xml/ns/javaee/web— app_2_5.xsd"> 
< servlet - name> informationServlet </servlet - name> 
< servlet - class > com. servlet. informationServlet</servlet- class> 


FD 
7.6 Servlet 应 用 (93) 


</servlet > 
< servlet — mapping> 
< servlet - name> informationServlet </servlet - name> 
< url - pattern>/informationServlet </url - pattern> 
</servlet - mapping> 
</web - app> 


打开 正 浏 览 器 ,在 地 址 栏 中 输入 : http://localhost:8080/Ch07_3/information. html， 
其 运行 结果 如 图 7-6(a) 所 示 。 
输入 信息 后 单 击 “ 提 交 ” 按 钮 ,运行 结果 如 图 7-6(b) 所 示 。 


Eo 
OO Br Box | 人 @ser | 
姓名 一 一 一 一 一 纺 httpi/localhost PDP BOX 


性 别 ， 


Emaitt 直 0 
[EE] 


7-6 示例 7-4 效果 图 


7.6.2 Seryle 亿 控制 器 ” 


在 前 面 的 例子 中 ,Servlet 可 以 接收 HTML 页 面 传人 的 值 , 并 作出 响应 。 其 实 Servlet 
还 可 以 接收 JSP 传人 的 信息 ,以 及 调用 JavaBean, 再 把 结果 反馈 给 客户 端 。 下 面 这 个 例子 
即 采用 了 JSP 十 Servlet 十 JavaBean 的 形式 进行 开发 。 其 中 Servlet 就 像 一 个 控制 器 一 样 根 
据 不 同 的 内 容 返 回 不 同 的 结果 。 
示例 7 一 5 
创建 web 项 目 Ch07_4 
login. jsp 页 面 代 码 如 下 。 


/x 
* 登录 页 面 代码 * 
*/ 
<% @ page language = "java" import = "java.util. *" pageEncoding = "UTF— 8" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> Test Servlet </title> 
</head> 
<body> 
<form name = "forml" action= "loginServlet" method= "post"> 
用 户 名 : < input name = "name" type = "text"> 
<br> 
密码 : < input name = "password" type = "password"> 


sy 
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<br> 
< input type = "submit" value = "登录 "> < input type = "reset" value = " 重 填 "> 
</form> 
</body> 
</html > 


在 src 目录 下 创建 包 com. biz( 业 务 处 理 ) ,com. servlet( 放 置 servlet) 。 在 com. biz 中 创 
建 UserBiz. java。 


/x 

* 登录 业务 处 理 的 JavaBean * 

*/ 

package com. biz; 

public class UserBiz { 

public boolean login(String name, String password){ 
if(name.equals("admin")&&password. equals("admin")) 
return true; 

else return false; 


此 处 简单 处 理 : 当 用 户 名 和 密码 为 admin 时 ,返回 true, 和 否则 返回 false( 当 然 可 以 完 
本 例 连 接 数据 库 判 断 ) 。 
在 com. servlet 中 创建 loginServlet. java。 


/x 
# 处 理 登 录 的 servlet * 
*/ 
package com. servlet; 
import java. io. IOException; 
import java. io. PrintWriter; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import com. biz. UserBiz; 
public class loginServlet extends HttpServlet { 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html;charset = utf — 8"); 
request. setCharacterEncoding( "utf — 8"); 
String name = request. getParameter( "name" ); 
String password = request. getParameter( "password" ); 
UserBiz ub = new UserBiz(); 
Boolean is = ub.login(name, password); 
if(is){ 
// 如 果 登 录 成 功 , 则 转发 到 success. jsp 页 面 ,并 在 页 面 中 显示 用 户 名 


人 
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request. setAttribute("loginName", name); 
request. getRequestDispatcher("success. jsp"). forward(request, response); 
Jelse{ 
// 如 果 不 符合 要 求 , 则 重 定向 到 登录 页 面 
response. sendRedirect ("login. jsp"); 
} 


} 
public void doPost (HttpServletRequest request, HttpServletResponse response) 


throws ServletException, IOException { 
this. doGet (request, response); 


此 servlet 接收 了 login. jsp 页 面 提交 的 name 和 password, 调 用 业务 处 理 类 UserBiz. 
java 的 login(String name, String password) 方 法 进行 判断 ,再 根据 返回 的 结果 确定 是 登录 
成 功 转发 到 成 功 页 面 ,还 是 登录 失败 回 到 登录 页 面 。 登 录 成 功 后 ,还 把 用 户 名 通过 request. 
setAttribute("loginName", name) 的 方法 , 放 到 request 范围 中 ,以 便 到 success. jsp 页 面 获 
取 到 用 户 名 。 


/x 
* 登录 成 功 页 面 
*/ 
<% @ page language = "java" import = "java.util. *" pageEncoding = "UTF - 8" %> 
<! DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 

<head> 

<title > 登录 成 功 页 面 </title> 
</head> 


<body> 
欢迎 <% = request. getAttribute("loginName") 名 > 登录 成 功 ! <br> 
</body> 
</html > 


部 署 后 ,打开 正 浏览 器 ,在 地 址 栏 中 输入 : http://localhost:8080/Ch07_4/login. jsp， 
其 运行 结果 分 别 如 图 7-7(a) 、(b)、(c) 所 示 。 
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图 7-7 示例 7-5 效果 图 
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@ 习作 apylocalhostao P ~ 旧 c]| 各 
欢迎 admin 登 录 成 功 ! 
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图 7-7( 续 ) 


7.7 上 机 练习 


1. JSP 十 JavaBean 十 servlet 开发 。 

需求 说 明 : 当 访问 通知 公告 发 布 系统 网 站 时 ,欢迎 页 面 为 前 台 页 面 。 完 善 第 6 章 上 机 
练习 4.5.6 ,使 用 JSP 调用 Servlet,Servlet 调用 业务 逻辑 的 Java Bean 的 方式 完成 。 通 知 公 
告发 布 系统 的 前 台 显 示 通 知 公 告 类 型 列表 、 显 示 某 一 类 型 的 通知 公告 列表 、 显 示 某 一 个 通知 
的 具体 内 容 。 

实现 思路 : 在 Web. xml 中 设置 欢迎 页 面 为 WebRoot 下 的 index. jsp 页 面 。 在 第 6 章 
上 机 练习 4、5、6 的 代码 中 ,业务 逻辑 放 在 JavaBean 中 ,JSP 调用 业务 逻辑 时 ,调用 封装 业务 
逻辑 的 JavaBean, 这 个 上 机 练习 接着 完善 此 内 容 , 使 用 JSP 调用 Servlet,Servlet 调用 业务 
逻辑 的 JavaBean 的 方式 完成 具体 功能 。 所 以 要 编写 Servlet 文件 以 及 修改 JSP 页 面 。 

提示 代码 : 

显示 

(1) index. jsp 中 直接 调用 Servlet 显示 通知 公告 类 型 


< jsp:forward page = "/typeServlet" /> 


(2) 当然 在 web. xml 中 配置 


<welcome— file—- list> 
< welcome - file> index. jsp</welcome - file> 
</welcome - file- list> 
<servlet> 
< servlet - name> typeServlet </servlet ~ name> 
< servlet - class > com. servlet. TypeServlet </servlet ~- class> 
</servlet > 
< servlet ~ mapping> 
< servlet - name> typeServlet </servlet ~ name> 
< url - pattern >/typeServlet </url - pattern> 
</servlet - mapping > 


(3) TypeServlet. java 


package com. servlet; 
import … … 
public class TypeServlet extends HttpServlet { 
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NR 


TypeBiz tb = new TypeBiz(); 
public void doGet ( HttpServletRequest request, HttpServletResponse response ) throws| 
ServletException, IOException { 
List list = tb.getAllType(); 
request. setAttribute("list", list);request. getRequestDispatcher("page/foreground/ 
showIndex. jsp" ) . forward( request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this. doGet (request, response); 


其 中 TypeBiz. java 为 type 的 处 理 业 务 逻 辑 的 JavaBean。 
(4) showIndex. jsp 显示 类 别名 称 的 关键 代码 


<% List TypeList = (List)request.getAttribute("list"); 
if (TypeList != null && TypeList. size() !=0) { 
for (int i = 0; i< TypeList. size(); i++) { 
Type type = (Type) TypeList. get(i); 
%> 


<a href = "noticeServlet?method = showNotice&typeid =<$% = type. getId()%>" 
target = "showNotice"> 


<% = type. getTypeName() $></a>< br/> 
< 和 


} 
Jelsel{ 


out. print(" 没 有 公告 类 别 "); 


%> 


(5) 单 击 “ 通 知 公告 类 型 "按钮 ,显示 属于 该 类 型 的 所 有 信息 : 调用 noticeServlet, 并 传 


入 两 个 参数 method,typeid。target 二 "showNotice" , 指 显示 的 内 容 在 右 侧 的 showNotice 的 
div 中 。 在 web. xml 中 的 配置 为 


<servlet> 
< servlet - name> noticeServlet </servlet - name> 


< servlet - class > com. servlet. NoticeServlet </servlet - class> 
</servlet> 


< servlet 一 mapping> 
< servlet - name> noticeServlet </servlet - name> 
< url - pattern>/noticeServlet </url - pattern> 
</ servlet - mapping> 
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(6) NoticeServlet. java 


package com. servlet; 
import … ~ 
public class NoticeServlet extends HttpServlet { 
NoticeBiz nb = new NoticeBiz(); 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOFException { 
request. setCharacterEncoding("utf - 8"); 
response. setContentType( "text/html, charset = utf — 8"); 
response. setCharacterEncoding("utf — 8"); 
String method = request. getParameter("method"); 
if("showNotice". equals(method) )doShowNotice( request, response); 
else if("showNoticeDetail". equals(method)) 
doShowNoticeDetail(request, response); 
} 
public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this. doGet (request, response); 
} 
public void doShowNotice( HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException { 
int typeid = Integer.parseInt(request. getParameter("typeid")); 
List list = nb.getNoticeByType(typeid); 
request. setAttribute("list", list);request.getRequestDispatcher("page/foreground/ 
showNotice. jsp" ) . forward( request, response); 


我 们 知道 当 JSP 页 面 调用 Servlet 时 ,执行 的 是 doGet( 或 doPost) 方 法 ,那么 , 当 JSP 页 
面 要 完成 不 同 的 功能 又 要 调用 同一 个 Servlet 文件 时 ,例如 ,页 面 要 显示 所 有 的 Notice 信 
息 , 以 及 显示 某 个 Notice 的 详细 信息 时 ,doGet( 或 doPost) 方 法 中 要 同时 写 入 完成 这 两 个 功 
能 的 代码 ,比较 混乱 。 因 此 ,可 以 由 JSP 页 面 中 传 入 参数 method,Servlet 根据 传 入 的 参数 
确定 用 什么 样 的 方法 处 理 。 

(7) showNotice. jsp 的 关键 代码 为 


<S% 
List NoticeList = new ArrayList(); //notice 列表 
NoticeList = (List)request. getAttribute("list"); 
if (NoticeList. size() != 0){ 
%> 
< table border = "0"> 
<% 
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-本 


for (int i = 0; i< NoticeList. size(); i++) { 
Notice notice = (Notice) NoticeList. get(i); 
先 > 
并 E> 
<td><a href = "noticeServlet?method = showNoticeDetailg&noticeIld=<$% = notice. 
getId() %>" target = "showNotice"><% = notice.getTitle() %></a> 
</td> 
</tr> 
<% 
} 
Jelse{ 
out. print(" 没 有 记录 "); 
} %> 


接 下 来 显示 通知 的 详细 信息 ,请 仿照 本 例 。 

2. JSP 十 JavaBean 十 servlet 开发 。 

需求 说 明 : 通知 公告 发 布 系统 的 后 台 登 录 , 使 用 JSP 调用 Servlet, Servlet 调用 业务 他 
辑 的 JavaBean 的 方式 完成 。 

实现 思路 : 页 面 内 容 提 交 到 servlet,servlet 调用 业务 逻辑 ,根据 结果 返回 页 面 。 

提示 代码 : 

(1) login. jsp 的 关键 代码 


< form action = "userServlet" method= "post" name = "forml" > 
用 户 名 :< input type = "text" name = "loginName" size = "20"><br/> 
密 &nbsp; 码 :< input type = "password" name = "password" size= "20"> 
< input type = "submit" value = "登录 " name = "submit"> 
< input type = "reset" value = " 重 置 " name = "reset"> 
</p> 
</form> 


(2) web. xml 中 配置 


<servlet> 
< servlet - name> userServlet </servlet - name> 


< servlet - class > com. servlet. UserServlet </servlet - class> 
</servlet > 


< servlet — mapping> 
< servlet - name> userServlet </servlet - name> 
< url - pattern>/userServlet </url - pattern> 
</servlet - mapping> 


(3) UserServlet. java 


package com. servlet; 
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public class UserServlet extends HttpServlet { 
UserBiz ub = new UserBiz(); 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
request. setCharacterEncoding("utf - 8"); 
String name = request. getParameter("loginName"); 
String password = request. getParameter("password"); 
User user = ub. login(name, password); 
if(user!= nul1){ 
request. getSession(). setAttribute("LOGINED USER", user); 
request. getRequestDispatcher ( "/page/background/backIndex. jsp"). forward (request, 
response); 
Jelsel{ 
String message = "用 户 名 密码 错误 , 请 重新 登录 ! "; 
request. setAttribute("message", message); 
request. getRequestDispatcher("login. jsp").forward(request, response); 
} 
} 
public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this. doGet (request, response); 
} 


3. JSP 十 JavaBean 十 servlet 开发 。 

需求 说 明 : 通知 公告 发 布 系统 的 后 台 实 现 添加 通知 功能 ,使 用 JSP 调用 Servlet,Servlet 
调用 业务 逻辑 的 JavaBean 的 方式 完成 。 

实现 思路 : 页 面 内 容 通过 form 提交 到 servlet, servlet 调用 业务 逻辑 ,根据 结果 返回 页 
面 。 参 考 上 机 练习 2。 


(1) Servlet 是 一 个 符合 特定 规范 的 Java 程序 ,在 服务 器 端 运行 ,处 理 客户 端 请 求 响应 。 

(2) Servlet 生命 周期 就 是 Servlet 从 创建 到 销毁 的 过 程 ,包括 如 何 加 载 和 实例 化 .初始 
化 、 处 理 请 求 以 及 如 何 被 销毁 。 

(3) 使 用 Servlet API 可 以 开发 HTTP Servlet 或 其 他 Servlet。 


元 章 ， 帮 业 


一 、 选 择 题 
1. 给 定 某 Servlet 的 代码 如 下 所 示 ,运行 该 Servlet 的 结果 是 ( Ji 
import javax. servlet. 关 了 


import javax. servlet. http. 关 了 
import java. io. PrintWriter; 


7.9 作业 (2 


import java. io. IOException; 
public class ServletTest extends HttpServlet { 
public void init() throws ServletException{ } 
public void service(HttpServletReguest reg, HttpServletResponse res) throws ServletException, 
IOException{ 
PrintWriter out = response. getWriter{); 
out. println("hello! ") ; 


A. 编译 不 能 够 成 功 通过 ,提示 缺少 doGet () 或 者 doPost 0 〇 方法 

B. 在 浏览 器 中 会 看 到 输出 文字 hello! 

C. 在 浏览 器 中 看 不 到 任何 输出 的 文字 

D. 在 浏览 器 中 会 看 到 运行 期 错误 信息 

2. 以 下 对 于 Servlet 描述 错误 的 是 ( )。 

A. Servlet 的 生命 周期 : 加 载 类 和 实例 化 ,初始 化 .服务 .销毁 

B. Servlet 是 基于 Java 技术 的 Web 组 件 

C. Servlet 是 由 程序 员 自 己 编程 实现 的 

D. Servlet 的 destroy() 方 法 直接 释放 和 回收 资源 

3. 当 访问 一 个 Servlet 时 ,以 下 Servlet 中 ( ) 方 法 被 先 执行 。 

A. destroy () B. doGet() C. service() D. init() 

4. 假设 在 一 个 名 为 test 的 web 应 用 中 有 一 个 MyServlet 类 ,在 web. xml 中 对 其 进行 
如 下 的 配置 : 

<servlet> 

< servlet - name > myServlet </servlet - name > 


< servlet - class > com. servlet. MyServlet </servlet - class> 
</servlet > 


< servlet - mapping> 
< servlet - name > myServlet </servlet - name> 
< url - pattern >/myServlet </url - pattern> 
</servlet - mapping> 
则 以 下 选项 可 以 访问 到 MyServlet 的 是 ( 
A. http://localhost:8080/MyServlet 
B. http://localhost:8080/myServlet 
C. http://localhost:8080/com/servlet/MyServlet 
D. http://localhost:8080/test/myServlet 
二 、 简 答题 
1. 什么 是 Servlet? Servlet 与 JSP 有 什么 区 别 ? 
2. 运行 Servlet 需要 在 web. xml 中 如 何 配置 ? 
3. Servlet 生命 周期 是 什么 ? 
三 、 程 序 题 
1. 创建 一 个 servlet, 要 求 通 过 浏览 器 地 址 栏 中 访问 该 servlet 后 ,输出 一 个 一 行 一 列 的 
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表格 ,单元 格 里 的 内 容 是 “节约 光荣 ,浪费 可 耻 ”。 
2. 实现 一 个 简单 的 登录 程序 。 要 求 由 servlet 接收 用 户 输 入 的 用 户 名 和 密码 ,然后 输 
出 到 页 面 中 。 
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因 本 前 学 习 卓 标 


了 和 解 什么 是 Model 工 模式 

< 了解 Model 工 两 种 开发 方式 
= 了解 Model 工 模式 的 优 缺点 
二 了 解 什么 是 Model 开 模 式 

< 了解 Model 开 模 式 的 优 缺点 
二 掌握 什么 是 MVC 模式 

二 了 解 MVC 模式 的 优 缺点 

二 使 用 MVC 模式 开发 应 用 程序 


通过 学 习 我 们 知道 ,JSP 技术 的 主要 任务 是 简化 页 面 的 开发 。 在 编写 程序 的 时 候 , 若 把 
大 量 的 业务 多 辑 代 码 写 在 JSP 页 面 中 ,进行 程序 控制 和 业务 逻辑 的 操作 , 则 这 违背 了 JSP 
技术 的 初衷 ,为 程序 员 和 美工 带 来 了 很 大 的 困扰 ,为 了 解决 这 些 问 题 ,在 应 用 程序 设计 时 广 
泛 采 用 了 MVC 设计 模式 。 


8.1 Model [| 和 Model 工 


在 学 习 MVC 之 前 ,首先 要 了 解 两 种 架构 模式 : Model [和 Model [I。 

在 没有 学 习 Servlet 技术 时 ,采用 JavaBean 封装 数据 和 实现 业务 逻辑 ,程序 的 控制 由 
JSP 完成 ,这 种 JSP 十 JavaBean 的 做 法 是 早期 使 用 JSP 开发 Web 应 用 常用 的 方法 。JSP 实 
现 页 面 的 显示 ,JavaBean 对 象 用 来 封装 数据 和 实现 业务 逻辑 ,这 种 方法 被 称 为 Model I 
模式 。 


8.1.1 Model 工 模式 


Model 工 模式 有 两 种 开发 方式 : 一 种 是 纯 JSP 方式 的 开发 , 另 一 种 是 使 用 JSP 十 
JavaBean 的 开发 。 

1. 纯 JSP 方式 开发 

最 直观 的 使 用 JSP 开发 Web 应 用 的 方法 是 在 JSP 中 直接 嵌入 Java 代码 , 即 小 脚本 方 
式 , 所 有 的 逻辑 控制 和 业务 处 理 都 以 小 脚本 的 方式 实现 。 使 用 这 种 方法 的 优点 是 简单 方便 ， 
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适合 搭建 小 型 的 Web 应 用 ,但 这 样 会 使 页 面 显得 非常 混乱 ,并 且 不 易于 后 期 的 维护 扩展 。 
使 用 纯 JSP 方式 开发 的 结构 图 如 图 8-1 所 示 。 


客户 端 服务 器 


| 执行 
访问 (一 > 
起 回 数据 


8-1 纯 JSP 方式 开发 结构 图 


响应 


十 as 


这 种 纯 JSP 方式 开发 只 适用 于 刚 接 触 JSP 时 使 用 ,在 实际 开发 中 不 推荐 使 用 。 

2. JSP 十 JavaBean 方式 开发 

对 纯 JSP 方式 开发 作出 一 些 改 进 ,使 用 JavaBean 封装 数据 和 进行 业务 处 理 后 ,使 得 页 
面 简洁 有 利于 代码 的 重用 和 后 期 维护 ,但 还 是 存在 很 多 的 限制 ,因为 程序 的 逻辑 控制 还 是 由 
JSP 完成 ,页 面 中 依然 需要 嵌入 大 量 的 Java 代码 。 使 用 JSP 十 JavaBean 方式 开发 的 结构 
图 如 图 8-2 所 示 。 


请 求 
客户 端 | | 服务 器 
二 执行 
了 
JSP 页 面 
调用 
1 访问 人 
JavaBean EC 
返回 数据 


图 8-2 ”使 用 JSP 十 JavaBean 方式 开发 的 结构 图 


不 论 哪 种 开发 方式 .Model 工 模式 的 缺点 非常 明显 。 

1. 不 利于 后 期 维护 与 扩展 

Model 工 模式 由 于 逻辑 控制 代码 与 显示 代码 是 混在 一 起 的 ,会 导致 页 面 设计 与 逻辑 控 
制 无 法 分 离 ,使 程序 可 读 性 差 ,调试 困难 ,功能 划分 不 清 , 不 利于 维护 与 项 目的 扩展 。 

2. 不 利于 页 面 维护 

当 构 建 一 个 项 目的 时 候 , 必 须 考虑 到 美工 美化 界面 的 问题 。JSP 与 Java 代码 混合 交织 
在 一 起 ,美工 就 会 一 头 雾 水 。 
8.1.2 Model 开 模式 

由 于 Model 工 模式 存在 不 足 , 当 程序 流程 非常 复杂 的 时 候 , 要 修改 一 个 程序 带 来 的 工 
作 量 将 非常 大 。 为 了 克服 Model 工 模式 的 缺陷 ,人 们 引入 了 Model 开 模 式 。 在 Model 工 模 


式 中 JSP 页 面 蔡 入 了 流程 控制 代码 和 业务 逻辑 处 理 代码 ,将 这 部 分 代码 提取 出 来 , 放 和 单 
独 的 类 (Servlet 和 JavaBean) 中 ,也 就 是 使 用 JSP 十 Servlet 十 JavaBean 共同 开发 应 用 程序 ， 


8.2 MVC 模 式 


这 种 方式 就 是 Model 了 [模式 。 

Model [架构 模式 的 工作 原理 如 图 8-3 所 示 。 

如 图 8-3 所 示 ,Model 了 架构 模式 的 工作 流程 是 按照 如 下 5 
个 步骤 进行 的 : 


浏览 器 


1。Servlet 接收 客户 端 发 出 的 请 求 ， Se oa 

2. Servlet 根据 不 同 的 请 求 调用 相应 的 JavaBean; 时 i | 

3. 业务 逻辑 调用 数据 访问 的 JavaBean 访问 数据 库 , 返 回 结果 ; 

4. Servlet 将 接收 JavaBean 的 结果 传递 给 JSP 视图 ; 人 一 一 

5. JSP 将 后 台 处 理 结果 呈现 给 客户 端 。 

Model [模式 体现 了 基于 MVC (Model-View-Controller, 模 图 8-3 Model 革 架 构 模式 
型 -视图 -控制 器 ) 的 设计 模式 ,简单 地 说 ,就 是 将 数据 显示 、 流 程 的 工作 原理 图 


控制 和 业务 逻辑 处 理 分 离 , 使 之 相互 独立 。 


8.2 MVC 模式 


设计 模式 是 一 套 被 反复 使 用 、 成 功 的 代码 设计 经 验 的 总 结 。 模 式 必须 是 典型 问题 (不 是 
个 别 问 题 ) 的 解决 方案 。 


8.2.1 MVC 设计 模式 


在 程序 设计 中 ,把 采用 模型 (Model) ,视图 (View) ,控制 器 (Controller) 的 设计 方式 称 为 
MVC 设计 模式 。MVC 是 一 种 流行 的 软件 设计 模式 ,代表 了 一 种 多 层 的 应 用 程序 实现 方 
式 。MVC 模式 将 应 用 程序 实现 分 为 三 个 不 同 的 基本 部 分 。 

。 模型 (Model) : 用 来 表示 数据 和 处 理 业务 。 对 应 的 组 件 是 JavaBean。 模 型 返回 的 数 
据 是 中 立 的 , 即 模型 与 数据 格式 无 关 , 一 个 模型 能 为 多 个 视图 提供 数据 。 提 高 了 代 
码 的 重用 性 。 模 型 分 为 业务 模型 和 数据 模型 。 
视图 (View) : 是 用 户 看 到 并 与 之 交互 的 界面 。 对 应 的 组 件 是 JSP 或 HTML 文件 。 
视图 提供 可 交互 的 客户 界面 ,向 客户 显示 模型 数据 。 在 视图 中 其 实 没 有 真正 的 处 理 
发 生 ,不管 这 些 数据 是 什么 ,作为 视图 来 讲 它 只 是 作为 一 种 输出 数据 并 允许 用 户 操 
纵 的 方式 。 
控制 器 (Controller) : 接受 用 户 的 输入 并 调用 模型 和 视图 去 完成 用 户 的 请 求 。 对 应 
的 组 件 是 Servlet。 控 制 器 响应 客户 的 请 求 ,根据 客户 的 请 求 来 操作 模型 ,并 把 模型 
的 响应 结果 经 由 视图 展现 给 客户 。 当 用 户 提交 一 个 请 求 时 ,控制 器 本 身 不 输出 任何 
东西 ,不 做 任何 业务 处 理 。 它 只 要 接收 请 求 并 决定 调用 哪个 模型 组 件 去 处 理 请 求 ， 
然后 确定 用 哪个 视图 来 显示 模型 处 理 返 回 的 数据 。 


8.2.2 MVC 模式 的 编程 思路 


在 使 用 MVC 模式 进行 编程 时 ,要 注意 各 个 组 件 的 分 工 与 协作 。 基 于 MVC 模式 的 
Web 应 用 的 基本 工作 流程 可 以 分 为 4 个 步骤 (如 图 8-4 所 示 ) : 
1. 用 户 通 过 视图 发 出 请 求 ; 


(所 


eS 


2. 
3. 
4. 
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控制 器 接收 请 求 后 ,调用 相应 的 模型 来 处 理 具体 的 业务 ; 
控制 器 根据 返回 的 结果 ,选择 对 应 的 视图 组 件 来 反馈 结果 ; 
视图 根据 接收 到 的 结果 ,将 信息 显示 给 用 户 。 


View 


1 
Controller Model 


一 -| 


1 


View 


8-4 ”MVC 模式 工作 流程 


8.2.3 MVC 模式 的 优 缺 点 

虽然 MVC 设计 模式 在 面向 对 象 程序 设计 中 被 广泛 应 用 ,但 是 该 设计 模式 并 不 是 十 全 
十 美的 。 我 们 必须 了 解 并 掌握 MVC 的 优点 及 缺点 ,这 样 在 实际 开发 过 程 中 才能 够 扬长 避 
短 , 充 分 发 挥 MVC 设计 模式 的 优势 。 


1 


MVC 的 优点 体现 在 如 下 3 个 方面 

有 利于 分 工 部 署 。 使 用 MVC 设计 模式 开发 应 用 程序 ,不 同 的 人 员 分 工 非常 明确 。 
Java 程序 员 只 需 将 精力 集中 于 业务 逻辑 ,而 界面 程序 员 CHTML 和 JSP 开发 人 员 ) 
只 需 将 精力 集中 页 面 表现 形式 上 。 

降低 耦合 ,提高 可 维护 性 。MYVC 设计 模式 将 表示 层 与 业务 层 有 效 分 离 ,降低 了 二 者 
之 间 的 耦合 紧密 程度 。 这 样 一 来 任何 业务 逻辑 的 变动 都 不 会 影响 到 表示 层 代 码 ; 
同样 开发 人 员 可 以 随意 修改 表示 层 代 码 ,而 不 用 重新 编译 模型 和 控制 器 的 代码 。 
提高 应 用 程序 的 重用 性 。 对 于 同一 个 Web 应 用 ,客户 可 能 会 使 用 多 种 方式 进行 访 
问 , 可 以 通过 计算 机 的 HTML 浏览 器 进行 访问 ,也 可 以 通过 移动 电话 的 WAP 浏览 
器 进行 访问 。 但 是 无 论 通过 什么 访问 方式 ,应 用 程序 的 业务 逻辑 以 及 业务 流程 都 是 
一 样 的 ,需要 改变 的 只 是 表示 层 的 具体 实现 方式 。 由 于 MVC 实现 了 业务 与 视图 的 
分 离 , 所 以 能 够 轻松 解决 这 一 问题 。 


. MVC 的 缺点 体现 在 如 下 2 个 方面 


MVC 并 不 适合 小 型 应 用 程序 的 开发 设计 。MVC 要 求 开 发 人 员 完 全 按照 模型 .视图 
及 控制 器 3 个 组 件 的 模式 对 应 用 程序 进行 划分 。 对 于 某 些小 型 应 用 来 说 ,反而 会 增 
加 一 些 不 必要 的 工作 ,影响 开发 效率 。 

基于 MVC 设计 模式 进行 程序 设计 ,要 求 开发 人 员 在 设计 编程 之 前 ,必须 精心 设计 
程序 结构 ; 在 设计 过 程 中 ,由 于 将 一 个 完整 的 应 用 划分 为 3 个 组 件 ,相应 增加 了 需 
要 管理 文件 的 数量 。 


8.3 开发 基于 MVC 模式 的 应 用 程序 


其 实在 第 7 章 上 机 练习 中 我 们 已 经 使 用 了 Model 下 模式 。 现 在 回想 一 下 ,我们 是 如 何 
实现 登录 的 ,是 不 是 已 经 使 用 了 Model 开 模 式 呢 ? 那么 本 节 我 们 就 按照 Model 开 模 式 来 开 


8.3 开发 基于 MVC 模 式 的 应 用 程序 @ 


发 通知 公告 发 布 系 统 的 全 部 功能 。 
1. 视图 开发 
实现 通知 公告 发 布 系统 ,分 为 前 台 和 后 台 , 首 先 创建 View 的 JSP 


面目 录 如 图 8-5 所 示 ,前 台 页 面 显示 列表 如 图 8-6 所 示 。 


4 钨 WebRoot 
becss 
b BE images 
b BE META-INF 
“4 号 page 
4 BS background 
遂 addNoticejsp 
革 backindexjsp 
团 erorjsp 
部 modifyNoticejsp 
遂 showAllNoticeForEditjsp 
4 外 foreground 
园 showindexjsp 
司 showNoticejsp 
园 showNoticeDetailjsp 
bP BB WEB-INF 
国 indexjsp 
革 loginjsp 


图 8-5 通知 公告 发 布 系统 的 作为 View 的 JSP 页 面目 录 结构 
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欢迎 访问 通知 公告 发 布 系统 


页 面 ,整个 项 目的 页 


图 8-6 ”通知 公告 发 布 系统 一 一 前 台 页 面 显示 列表 


> 


~ 


index. jsp 进入 后 ,右面 是 没有 内 容 的 , 当 单 击 左 侧 的 通知 公告 类 别 下 的 名 称 , 右 侧 才 出 
现 属于 该 类 的 所 有 通知 公告 信息 的 链接 , 当 单 击 每 个 链接 时 ,显示 的 每 个 通知 公告 的 具体 内 
容 如 图 8-7 所 示 。 


通知 公告 发 布 系统 


欢迎 访问 通知 公告 发 布 系统 现在 是 2013 年 02 月 20 日 


1 课表 查询 通知 
务 中 


作者 : 
时 间 : 2012-12-31 
为 容 ， 下 学 期 的 课表 可 以 再 查询 系统 里 查询 了 


图 8-7 通知 公告 发 布 系统 一 一 前 台 页 面 显 示 通知 的 具体 信息 
进入 后 台 , 首 先是 如 图 8-8 所 示 的 登录 页 面 。 


| hepi//ocalhost P -BCX 


图 8-8 ”通知 公告 发 布 系统 一 一 后 台 登 录 页 面 


登录 成 功 后 显示 如 图 8-9 所 示 的 页 面 (以 上 功能 第 7 章 上 机 练习 均 已 实现 ) 。 

单 击 通知 公告 列表 链接 ,显示 如 图 8-10 所 示 的 页 面 ,每 个 通知 公告 后 有 修改 .删除 操作 
链接 。 

单 击 “修改 "操作 链接 ,显示 如 图 8-11 所 示 的 页 面 。 

修改 成 功 后 的 显示 如 图 8-10 所 示 , 单 击 * 删 除 ? 操 作 链接 ,成 功 后 返回 的 页 面 如 图 8-10 
所 示 。 


8.3 开发 基于 MVC 模 式 的 应 用 程序 名) 


通知 公告 发 布 系 


欢迎 admin 访 问 通 知 公告 发 布 系统 -- 后 台 


图 8-9 “通知 公告 发 布 系统 一 一 后 台 ” 登 录 成 功 页 面 
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通知 公告 发 布 系统 -- 后 台 


欢迎 admin 访 问 通 知 公告 发 布 系统 -- 后 台 


图 8-10 “通知 公告 发 布 系统 一 一 后 台 ” 显 示 通 知 公告 列表 页 面 
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通知 公告 发 布 系 


欢迎 admin 访 问 通 知 公告 发 布 系统 -- 后 台 


标题 - 。 1 悍 表 豆 调 通 知 
作者 : 章 务 处 
下 学 两 乓 章 表 本 可 五 庆 油 二 重 相 南 了 


类 型 -才学 孟 知 四] 
[ 国 到 3 


图 8-11 “通知 公告 发 布 系统 一 后台” 修改 页 面 
单 击 “ 添 加 通知 公告 "操作 链接 ,显示 如 图 8-12 所 示 ,添加 成 功 后 的 显示 如 图 8-10 所 示 。 


ntpllocalhost308 月 ” 虽 ( X | 局 天 X0 人 理发 系统 -- 丘 各 x 


欢迎 admin 访 问 通 知 公告 发 布 系统 -- 后 台 


标题 
作者 - 


| 


[至 ] .至 


图 8-12 “通知 公告 发 布 系统 一 一 添加 ”通知 公告 页 面 
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2. 模型 开发 
通知 公告 发 布 系统 的 模型 部 分 ,在 前 面 已 经 陆 陆 续 续 地 实现 了 ,整个 的 模型 的 结构 如 
图 8-13 所 示 。 
路 src 
认 combean 
国 Noticejava 
国 Typejava 
国 Userjava 
遍 combiz 
加 NoticeBizjava 
国 TypeBizjava 
国 UserBizjava 
遍 comdao 
国 ConnectionManagerjava 
国 NoticeDaojava 
加 TypeDaojava 
国 UserDaojava 


8-13 通知 公告 发 布 系统 的 作为 model 的 结构 图 


在 模型 开发 结构 中 分 为 三 块 ,com. bean 包 中 存放 实体 类 ,com. dao 包 中 存放 数据 访问 
类 ,com. biz 存放 业务 逻辑 类 。 本 案例 的 业务 逻辑 简单 ,在 dao 和 biz 层 没有 出 现 接口 , 当 开 
发 的 Web 应 用 较 复 杂 时 ,可 以 出 现 数据 访问 和 业务 逻辑 的 接口 层 , 和 实现 类 层 。 

3. 控制 器 开发 

Model [模式 使 用 Servlet 作为 Controller, 作 用 就 是 接收 用 户 的 请 求 数据 ,选择 合适 的 
Model 处 理 具体 的 业务 ,处 理 完成 后 ,根据 Model 返回 的 结果 选择 一 个 View 显示 数据 。 具 
体 的 结构 图 如 图 8-14 所 示 。 


唐 comservlet 
加 Noticeservletjava 
回 Typeservletjava 
国 UserServletjava 


图 8-14 通知 公告 发 布 系统 的 作为 controller 的 结构 图 


8.4 上 机 练习 


本 章 上 机 练习 ,我 们 用 MVC 模式 完成 贯穿 案例 。 通 知 公告 发 布 系统 的 前 台 及 登录 功 
能 在 第 7 章 已 经 实现 ,本 章 练习 重点 完成 通知 公告 发 布 系统 的 后 台 页 面 。 

1. 开发 基于 MVC 模式 的 通知 公告 系统 后 台 。 

需求 说 明 : 在 前 几 音 的 上 机 练习 的 基础 上 完善 通知 公告 发 布 系统 一 一 后 台 , 当 单 击 “ 通 
知 公告 列表 ?操作 链接 时 ,在 右面 显示 所 有 的 通知 公告 标题 并 显示 修改 和 删除 链接 。 即 编写 
JSP 页 面 ,完成 图 8-10 的 页 面 。 

实现 思路 : 在 JSP 页 面 backIndex. jsp 中 的 通知 公告 列表 处 创建 链接 到 noticeServlet， 
并 传人 参数 method, 完 善 NoticeServlet. java.doGet 方法 中 接收 method 的 值 , 经 过 判断 后 
调用 doshowNotice 方法 ,用 以 显示 所 有 的 Notice 信息 到 showAllNoticeForEdit. jsp 页 面 。 

参考 代码 如 下 : 
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(1) backIndex. jsp 


<div class = "notice content"> 
<a href = "noticeServlet?method = showAllNotice"” target = "showNotice"> 通 知 公 告 列 表 

</a> 

</div> 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 


String method = request. getParameter("method"); 


if("showAllNotice". equals(method))doShowAllNotice( request, response); 


public void doShowAllNotice(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
List list = nb.getAllNotice(); 
request. setAttribute("list", list); 
request. getRequestDispatcher ("page/background/showAllNoticeForEdit. jsp"). forward| 
(request, response); 
} 


(3) showAllNoticeForEdit. jsp 


< 和 
List NoticeList = (List) request. getAttribute("list"); 
if (NoticeList. size() != 0){ 
%> 
< table border = "0"> 
<tr> 
<td> 通 知 标题 </td>< td > 操作 </td> 
</tr> 
<% 


for (int i = 0; i< NoticeList. size(); i++) { 
Notice notice = (Notice) NoticeList. get(i); 
int noticeId = notice. getId(); 
第 > 
<tr> 
<td>< a href = "noticeServlet?method = showNoticeDetail&noticeId =<% = noticeId%>" 
target = "showNotice"><% = notice.getTitle() %></a> 
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</td> 
<td><a 
href = "noticeServlet?method = showNoticeDetailForModify&noticeId = <% = noticeld% 
>" target = "showNotice"> 修 改 </a ></td> 
<td><a 
href = "noticeServlet?method = delectNotice&noticeId =<$ = noticeld% >" target| 
= "showNotice"> 删 除 </a></td> 
</tr> 
<% 
} 
Jelse{ 
out. print(" 没 有 记录 "); 
} %> 
</table>… … 


2. 开发 基于 MVC 模式 的 通知 公告 系统 后 台 。 

需求 说 明 : 接 上 机 练习 1 ,完成 修改 功能 。 

实现 思路 : 在 showAllNoticeForEdit. jsp 页 面 中 ,在 标题 后 添加 修改 链接 ,链接 到 
noticeServlet 并 传人 参数 method ,接着 完善 NoticeServlet. java, doGet 方法 中 接收 method 
的 值 , 经 过 判断 后 调用 doshowNoticeDetailForModify 方法 ,用 以 显示 要 修改 的 Notice 信息 
到 modifyNotice. jsp 页 面 ; modifyNotice. jsp 页 面 用 表单 显示 要 修改 的 notice 的 信息 , 当 修 
改 完 成 后 提交 到 noticeServlet ,并 传人 隐藏 的 参数 method, 接 着 完善 NoticeServlet. java， 
doGet 方 法 中 接收 method 的 值 ,经 过 判断 后 调用 doModifyNotice 方法 ,接着 返回 到 
showAllNoticeForEdit. jsp 页 面 。 


(1) NoticeServlet. java 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 


if ( " showNoticeDetailForModify ". equals (method)) doShowNoticeDetailForModify (request, 
response); 


public void doShowNoticeDetailForModify (HttpServletRequest request, HttpServletResponse 
response) 
throws ServletException, IOException { 
int noticeId = Integer. parseInt(request. getParameter("noticeId")); 
Notice notice = nb. getNoticeById(noticelId); 
request. setAttribute( "notice", notice); 
TypeBiz tb = new TypeBiz(); 
List list = tb. getAllType(); 
request. setAttribute("list", list); 
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request. getRequestDispatcher ( " page/background/modifyNotice. jsp"). forward (request, 
response);} 


(2) modifyNotice. jsp 


<% Notice notice= (Notice)request. getAttribute("notice"); 

List list= (List)request. getAttribute("list"); 
第 > 

< form method = "post" name = "forml" action= "noticeServlet"> 

<table> 

<tr><td> 标 题 :</td>< td> < input type = "text" name = "title" size= "35" value= "<% 
notice. getTitle() %>"/></td></tr> 

<tr><td> 作 者 :</td><td>< input type = "text" name = "editor" size= "35" value= "< 多 
notice. getEditor() %>"/></td></tr > 

<tr><td> 内 容 :</td>< td>< textarea name = "content" rows = "10" cols = "30" ><$% 
notice. getContent() %></textarea></td></tr> 

<tr><td> 类 型 :</td>< td>< select name = "type"> 

<S% 

for(int i=0;i<list. size();i++){ 

Type type = (Type)list. get(i); 

%> 
<option value = "<% = type. getId() %>"><% = type. getTypeName() %></option> 


中 


<% 
} 
%> 
</select ></td></tr> 
<tr><td>< input type = "hidden" name = "method" value = "modifyNotice"/> 
< input type = "hidden" name = "id" value = "<% = notice. getId() %>"/> 
< input type = "submit" value = "提交 " name = "submit" onclick = "return addSubmit 
();"/></td> 
<td> < input type = "reset" value = " 重 置 " name = "reset"/> 
</td></tr> 
</table> 
</form>… … 


(3) NoticeServlet. java 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 


String method = request. getParameter("method"); 


if("modifyNotice ".equals(method)) doModifyNotice(request, response); 
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public void doModifyNotice(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
String title = request. getParameter("title"); 
String editor = request. getParameter("editor"); 
String content = request. getParameter("content"); 
int type = Integer. parseInt (request. getParameter("type")); 
int id = Integer.parseInt(request. getParameter("id")); 
Notice notice = new Notice(); 
notice. setId(id); 
notice. setContent (content); 
notice. setEditor(editor); 
notice. setTitle(title); 
notice. setType( type); 
Boolean is = nb.modifyNotice(notice); 
if(is){ 
List list = nb.getAllNotice(); 
request. setAttribute ("list", list); request. getRequestDispatcher ( " page/ 
background/showAllNoticeForEdit. jsp"). forward( request, response); 
Jelse{ 
request. getRequestDispatcher ("page/background/error. jsp"). forward( request, 
response); 


3. 开发 基于 MVC 模式 的 通知 公告 系统 后 台 。 
需求 说 明 : 接 上 机 练习 1, 完成 删除 功能 。 
实现 思路 : 在 showAllNoticeForEdit. jsp 页 面 中 ,在 标题 后 添加 删除 链接 ,链接 到 
noticeServlet 并 传人 参数 method, 接 着 完善 NoticeServlet. java,doGet 方法 中 接收 method 的 值 , 经 
过 判断 后 调用 doDeleteNotice 方法 ,用 以 删除 Notice 信息 ,接着 返回 到 showAllNoticeForEdit jsp 
页 面 。 


NoticeServlet. java 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 


String method = request. getParameter("method"); 
if("delectNotice ".equals(method)) doDelectNotice (request, response); 


} 
public void doDeleteNotice (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
int noticeId = Integer.parseInt(request.getParameter("noticeId")); 
Boolean is = nb.delectNotice(noticeId); 
if(is){ 
List list = nb.getAllNotice(); 
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request. setAttribute("list", list); 
request. getRequestDispatcher ( " page/background/showAllNoticeForEdit. jsp"). 
forward( request, response); 
Jelse{ 
request. getRequestDispatcher ( " page/background/error. jsp"). forward( request, 
response); 


4. 开发 基于 MVC 模式 的 通知 公告 系统 后 台 。 
需求 说 明 : 完成 添加 通知 公告 功能 。 
实现 思路 : 在 JSP 页面 backIndex. jsp 中 的 添加 通知 公告 处 创建 链接 到 noticeServlet, 并 传 出 


参数 method, 完 善 TypeServlet. java, doGet 方法 中 接收 method 的 值 ,经 过 判断 后 页 面 转发 到 
page/ background/addNotice. jsp 页 面 ; addNotice. jsp 页 面 创建 表单 ,用 以 添加 Notice 信息 ,并 且 该 
表单 提交 到 noticeServlet ,接着 完善 NoticeServlet. java. doGet 方法 中 接收 method 的 值 ,经 过 判断 
后 调用 doAddNotice 方法 ,用 以 添加 Notice 信息 ,接着 返回 到 showAllNoticeForEdit. jsp 页 面 。 


(1) backIndex. jsp 


<div class= "notice content"> 


<a href = "typeServlet?method = addNoticeForType" target = "showNotice" 
> 添加 通知 公告 </a> 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
String method = request. getParameter("method" ); 
List list = tb.getAllType(); 
request. setAttribute("list", list); 
if(method. equals( "addNoticeForType"))request. getRequestDispatcher ("page/background/ 
addNotice. jsp" ). forward( request, response); 
else 
if( method. equals ( " showType")) request. getRequestDispatcher ( " page/foreground/showIndex. 
jsp"). forward(request, response); 


Mi 


(3) addNotice. jsp 


List list = (List)request. getAttribute("list"); 
%> 


< form method = "post" name = "forml" action= "noticeServlet"> 
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></td></tr> 


addsubmit();"></td> 


<table> 

<tr><td> 标 题 :</td>< td> < input type = "text" name = "title" size = "35">< input type 
"hidden" name = "method" value = "addNotice"></td></tr> 

<tr><td> 作 者 :</td>< td>< input type = "text" name = "editor" size= "35"></td></tr> 

<tr><td> 内 容 :</td>< td>< textarea name = "content" rows= "10" cols = "30"></textareal 


<tr><td> 类 型 :</td>< td>< select name = "type"> 
<% 
for(int i=0;i<list. size();it+){ 
Type type = (Type)list. get(i); 
%> 
<option value = "<% = type. getId() %>"> 
<% = type. getTypeName() %></option> 
< 第 
} 
先 > 
</select ></td></tr> 
< tr >< td>< input type = " submit” value =" 提 交 ”name = " submit" onclick = " return| 


<td>< input type = "reset" value= " 重 置 " name = "reset"></td> 
</tr> 
</table> 


</form>… … 


(4) NoticeServlet. java 


public void doGet (HttpServletRequest request, HttpServletResponse response) 


throws ServletException, IOException { 


public void doAddNotice (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 

String title = request. getParameter("title"); 

String editor = request. getParameter("editor"); 

String content = request. getParameter("content"); 

int type = Integer. parseInt (request. getParameter("type")); 

Notice notice = new Notice(); 

notice. setContent (content); 

notice. setEditor(editor); 

notice. setTitle(title); 

notice. setType( type); 

Boolean is = nb.addNotice(notice); 
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if(is){ 
List list = nb.getAllNotice(); 
request. setAttribute ( " list", list); request. getRequestDispatcher ( " page/ 
background/showAllNoticeForEdit. jsp"). forward(request, response); 

Jelse{ 
request. getRequestDispatcher( "page/background/error. jsp"). forward( request, response); 

} 
} i 


(1) 设计 模式 是 某 一 类 问题 的 解决 方案 ,是 一 套 可 以 被 反复 使 用 ,成 功 的 代码 设计 经 验 
的 总 结 。 

(2) Model 工 模式 有 两 种 开发 方式 : 一 种 是 纯 JSP 方式 的 开发 , 另 一 种 是 使 用 JSP 十 
JavaBean 的 开发 。 

(3) 将 JSP 页面 的 流程 控制 代码 和 业务 逻辑 处 理 代 码 提取 出 来 , 放 和 人 单独 的 类 (Servlet 
和 JavaBean) 中 ,也 就 是 使 用 JSP 十 Servlet 十 JavaBean 共同 开发 应 用 程序 ,这 种 方式 就 是 
Model 开 模 式 。 

(4) MVC 模式 将 将 系统 分 为 三 个 不 同 的 模块 : 

。 模型 (Model) :对 应 的 组 件 是 JavaBean (Java 类 ); 

。 视 图 (View) :对 应 的 组 件 是 JSP 或 HTML 文件 ; 

。 控制 器 (Controller) : 对 应 的 组 件 是 Servlet 。 

(5) 由 Servlet 接收 客户 端 请 求 , 调 用 相应 的 模型 处 理 业务 逻辑 和 数据 ,再 由 Servlet 根 
据 处 理 结果 ,选择 相应 的 JSP 或 HTML 文件 响应 客户 端 。 

(6) MVC 的 优点 体现 在 如 下 3 个 方面 : 

。 有 利于 分 工 部 署 ; 

。 降低 耦合 ,提高 可 维护 性 ; 

。 提高 应 用 程序 的 重用 性 。 

(7) MVC 的 缺点 体现 在 如 下 2 个 方面 : 

。 MVC 并 不 适合 小 型 应 用 程序 的 开发 设计 ; 

。 基于 MVC 设计 模式 进行 程序 设计 ,要 求 开 发 人 员 在 设计 编程 之 前 ,必须 精心 设计 

程序 结构 ; 在 设计 过 程 中 ,由 于 将 一 个 完整 的 应 用 划分 为 3 个 组 件 , 相 应 增加 了 需 
要 管理 文件 的 数量 。 


8.6 作 业 


一 、 选 择 题 
1. 以 下 不 属于 MVC 设计 模式 中 三 个 模块 的 是 ( je 
A. 模型 层 B. 表示 层 C. 视图 层 D. 控制 器 


8.6 作业 (» 


2. 使 用 MVC 模式 设计 的 Web 应 用 程序 具有 以 下 优点 ,除了 ( 站 

A. 可 维护 性 强 。 B. 可 扩展 性 强  C. 代码 重复 较 少 ”D. 大 大 减少 代码 量 

3. 在 MVC 模式 中 ( ) 专用 于 客户 端 应 用 程序 的 图 形 数据 表示 ,与 实际 数据 处 理 
无 关 。 


A. 模型 B. 数据 C. 视图 D. 控制 器 
4. 在 MVC 设计 模式 中 ( ) 接收 用 户 请 求 数据 。 

A. HTML B. JSP C. Servlet D. 业务 类 
二 、 简 答题 


1. MVC 的 各 个 模块 都 是 由 哪些 技术 来 实现 的 ? 

2. 使 用 MVC 模式 开发 的 优势 是 什么 ? 缺点 是 什么 ? 

3. 在 程序 开发 的 过 程 中 ,如 何 实 现 MVC 模式 ? 

三 、 程序 题 

编写 基于 MVC 模式 的 程序 ,实现 注册 功能 ,注册 后 显示 个 人 信息 。 
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因 本 音 学 习 目标 


二 掌握 分 页 显示 的 原理 及 实现 步骤 
二 掌握 SmartUpload 组 件 上 传 文件 的 功能 
< 掌握 SmartUpload 组 件 实现 文件 下 载 的 功能 


通过 前 面 的 学 习 ,我 们 已 经 基本 掌握 了 JSP 技术 ,包括 JSP 的 组 成 .常用 指令 .内 置 对 
象 JDBC、JSP 处 理 客 户 端 请 求 ,servlet 技术 等 ,通过 这 些 知识 能 够 开发 出 简单 的 Web 应 用 
程序 。 然 而 目前 基于 Internet 的 Web 应 用 越 来 越 丰 富 ,数据 量 也 越 来 越 大 ,开发 Web 应 用 
程序 的 难度 也 随 之 增加 。 

本 章 将 要 学 习 两 种 非常 实用 的 技术 : 数据 分 页 显示 与 文件 上 传 、 下 载 。 


9.1 JSP 分 页 技术 


随 着 时 代 的 发 展 ,基于 Internet 的 Web 应 用 也 变 得 越 来 越 复 杂 ,资源 也 越 来 越 庞大 。 
以 列表 的 形式 显示 数据 ,能 够 按照 指定 格式 显示 ,使 布局 清晰 ,不 受信 息 数 量 的 限制 。 但 是 
当 数据 量 很 大 时 ,仍然 以 列表 的 形式 显示 , 受 页 面 的 限制 用 户 必须 拖 动 页 面 才能 浏览 更 多 的 
数据 ,而 且 页 面 也 显得 元 长 。 那 么 ,有 没有 一 种 显示 方式 , 既 能 显示 多 条 信息 ,又 不 需要 拖 动 
页 面 呢 ? 答案 就 是 以 分 页 的 形式 显示 数据 。 

以 分 页 的 形式 显示 数据 ,使 数据 更 加 清晰 直观 ,页 面 不 再 宛 长 ,也 不 受 数据 量 的 限制 。 
目前 有 多 种 方式 可 以 实现 分 页 ,其 中 一 种 是 将 所 有 查询 结果 保存 在 session 对 象 或 集合 中 ， 
翻 页 的 时 候 从 session 或 集合 中 取出 一 页 所 需 的 数据 显示 。 这 种 方法 主要 有 两 个 的 缺点 ， 
一 是 用 户 看 到 的 可 能 是 过 期 数据 ; 二 是 如 果 数 据 量 非常 大 ,查询 一 次 结果 集会 耗费 很 长 时 
间 ,并 且 存 储 的 数据 也 会 占用 大 量 内 存 , 效 率 明 显 下 降 。 其 他 常见 的 方法 还 有 使 用 存储 过 程 
进行 分 页 ,但 是 需要 设置 主键 和 索引 来 提高 查询 效率 ,并 且 可 移植 性 不 高 。 

比较 好 的 分 页 做 法 是 每 次 翻 页 的 时 候 只 从 数据 库 里 检索 出 本 页 需要 的 数据 。 虽 然 每 次 
翻 页 都 查询 数据 库 ,但 查询 出 的 记录 数 很 少 , 网 络 传输 量 不 大 。 而 在 数据 库 端 有 各 种 成 熟 的 
技术 用 于 提高 查询 速度 , 比 在 数据 库 的 客户 端 保存 数据 高 效 多 了 。 下 面 以 SQL Server2008 
为 后 台数 据 库 讲 解 如 何 实现 分 页 显示 数据 。 

实现 数据 的 分 页 显示 ,需要 关注 以 下 几 点 。 
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1. 根据 实际 的 页 面 设计 ,确定 在 数据 列表 中 每 次 显示 多 少 条 数据 ,也 就 是 说 每 次 从 数 
据 库 中 需要 查询 出 多 少 条 数据 用 于 页 面 显 示 。 

2. 计算 显示 的 页 数 ,就 是 按照 每 页 显示 的 数据 量 总 共 需 要 划分 成 多 少 页 。 

由 于 在 页 面 中 显示 的 数据 数量 是 固定 的 ,而 数据 库 中 总 共存 储 了 多 少 条 数据 是 未 知 的 ， 
因此 要 想得到 总 页 数 , 需 要 以 下 几 个 步骤 。 

(1) 首先 要 通过 查询 获取 数据 库 中 总 的 记录 数 ,通过 SQL 提供 了 count 聚合 函数 ,就 可 
以 获取 数据 库 中 记录 的 总 数 ,代码 如 示例 9-1 所 示 。 


区 示例 9 一 1 


/x 

* 获取 数据 库 中 记录 总 数 的 代码 

*/ 

public int getCount(){ 
String sql = "select count( * ) from Notice"; 
int count = 0; 
// 省 略 执行 代码 
if(rs. next()){ 
count = rs.getInt(1); 


} 


return count; 


} 


从 示例 9-1 中 的 代码 可 以 看 到 , 当 执 行 了 使 用 count 函数 的 SQL 语句 后 ,将 获得 Notice 
表 中 的 数据 总 数 ,然后 将 其 数据 返回 。 

(2) 有 了 数据 库 记 录 总 数 后 ,我 们 就 可 以 根据 每 页 显示 的 记录 数 来 计算 总 共 需 要 划分 
为 多 少 页 ,代码 如 示例 2 所 示 。 


< 示例 9-2> 


public int getTotalPages(int count, int pageSize){ 
int totalpages = 0; 
totalpages = 
(count % pageSize == 0)?(count/pageSize) : (count/pageSize+ 1); 
return totalpages; 
} 


在 示例 9-2 的 代码 中 ,使 用 了 条 件 二 元 运算 符 “?” 的 方式 进行 数据 处 理 。 那 么 该 条 语句 
的 执行 结果 是 : 如 果 “?” 运 算 符 前 的 表达 式 条 件 为 真 , 则 将 运算 符 “: ”前 的 表达 式 结果 赋予 
变量 totalpage, 否 则 就 将 运算 符 ":” 后 的 表达 式 结果 赋予 变量 totalpage。 

3. 编写 SQL 语句 。 

实现 数据 分 页 显示 的 关键 就 是 如 何 编写 SQL 查询 语句 。 下 面 我 们 将 使 用 一 种 比较 常 
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用 的 方式 来 编写 SQL 语句 ,代码 如 示例 9-3 所 示 。 


/x 
* 分 页 SQL 语句 
*/ 


String sql = "SELECT TOP 2 * 
FROM Notice 
WHERE (Nno NOT IN 
(SELECT TOP 4 Nno 
FROM Notice 
ORDER BY NcreateTime)) 
ORDER BY NcreateTime"; 


示例 9-3 中 的 SQL 语句 ,从 结构 上 可 以 发 现 ,使 用 了 两 层 衬 套 的 查询 方式 ,为 什么 使 用 
两 层 的 嵌 套 语句 呢 ? 每 一 层 的 语句 起 到 了 什么 作用 ? 下 面 我 们 就 来 具体 分 析 每 一 语句 的 
作用 。 

(1) 内 层 的 select 语句 是 一 条 普通 的 查询 语句 , 它 执行 结果 是 将 Notice 表 按 照 时 间 降 
序 排列 选 出 前 4 条 记录 。 

(2) 第 二 层 的 select 语句 的 执行 结果 是 将 Notice 表 按 照 时 间 降 序 排列 选 出 前 两 条 记 
录 ,not in 是 这 两 条 记录 应 不 包含 内 层 select 语句 选中 的 4 条 记录 。 这 样 也 就 得 到 了 从 第 5 
条 记录 开始 的 2 条 记录 。 

那么 我 么 可 以 总 结 出 一 个 规律 : 

假定 每 页 显示 的 记录 数 为 pageSize、 当 前 页 页 码 为 pageIndex, 则 在 内 层 select 语句 中 
可 以 先 查询 出 当前 页 码 前 的 所 有 条 记录 , 即 pageSize * (pagelIndex 一 1) 条 记录 ,在 外 层 
select 语句 中 在 查询 前 pageSize * (pagelIndex 一 1) 记 录 之 后 的 pageSize 条 记录 。 如 示 
例 9-4 所 示 。 


/x 
* 分 页 SQL 语句 
*/ 


String sql = "SELECT TOP pageSize * 
FROM table 
WHERE id NOT IN 
( 
SELECT TOP pageSize * (pageIndex — 1) id FROM table ORDER BY id 


)"; 


在 第 8 章 中 ,我 们 已 经 学 习 了 MVC 的 开发 模式 ,用 Jsp 十 Servlet 十 Javabean 来 实现 , 那 
么 分 页 的 实现 我 们 就 采用 这 种 方式 。 

4. 分 页 在 程序 中 的 实现 。 

首先 创建 名 为 Ch09_1 的 web 项目 ,导入 包 。 


9.1 JSP 分 页 技术 


(1) 在 com. bean 中 创建 Notice. java 实体 类 ; 

(2) 在 com. dao 中 创建 NoticeDao. java ,ConnectionManager. java( 工 具 类 ); 
(3) 在 com. biz 中 创建 NoticeBiz. java; 

(4) 在 com. servlet 中 创建 NoticeServlet. java; 

(5) 配置 web. xml 中 的 servlet; 

(6) 创建 ShowNotice. jsp 页 面 ; 

(7) 部 署 运行 。 


/x 

Notice 实体 类 

*/ 

package com. bean; 
import java. util. Date; 
public class Notice { 


private int id; //ID 

Private String title; // 通 知 公 告 标题 
private String content; // 通 知 公 告 内 容 
private String editor; // 通 知 公告 发 布 者 
private Date createTime; // 发 布 时 间 

private int type; // 通 知 公告 类 型 
public Notice(){} 


//. .省 略 个 属性 的 set get 方法 
} 


NoticeDao. java 代码 如 下 。 


package com. dao; 


public class NoticeDao { 
public int getCount(){ 
Connection dbConnection = null; 
PreparedStatement pStatement = null; 
ResultSet res = null; 
public int getCount(){ 
int count = 0; 
try {dbConnection = ConnectionManager.getConnection(); 
String sql = "select count( * ) from Notice"; 
pStatement = dbConnection. prepareStatement(sql) ; 
res = pStatement. executeQuery(); 
if(res.next()){ 
count = res.getInt(1); 
} 
} // 省 略 catch finally 
return count; 


ES 
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> 


public List getPage( int pageSize , int pageIndex){ 
List list = new ArrayList(); 
int count = 0; 
try {dbConnection = ConnectionManager. getConnection(); 
String sql = "SELECT TOP " + pageSize +" * FROM Notice WHERE (Nno NOT IN (SELECT| 
TOP " + pageSize x (pageIndex - 1) +" Nno FROM Notice ORDER BY NcreateTime)) ORDER BY| 
NcreateTime"; 
pStatement = dbConnection.prepareStatement(sql); 
res = pStatement. executeQuery(); 
while (res.next()) { 
Notice notice = new Notice(); 
notice. setId(res. getInt("Nno")); 
notice. setTitle(res. getString("Ntitle")); 
notice. setContent (res. getString( "Ncontent")); 
notice. setEditor(res. getString("Neditor" ) ) 7 
notice. setCreateTime(res. getDate("NcreateTime" ) ) ; 
notice. setTYpe(res. getInt("Ntype" ) ) ; 
list.add(notice); 
} 
} // 省 略 catch finally 
} 


return list; 


连接 数据 库 工具 类 ConnectionManager. java 前 面 已 
NoticeBiz. java 如 下 。 


介绍 过 ,这 里 不 再 歼 述 ， 


/x 
* 业务 逻辑 类 NoticeBiz 
*/ 
package com. biz; 
import java. util. List; 
import com. dao. NoticeDao; 
public class NoticeBiz { 
public int getTotalPages(int pageSize){ 
NoticeDao nd = new NoticeDao(); 
int count = nd.getCount(); // 总 记录 数 
int totalpages =0; 
totalpages = (count % pageSize == 0)?(count/pageSize):(count/pageSize + 1); 
return totalpages; 
} 
public List PageList(int pageSize, int pageIndex){ 
NoticeDao nd = new NoticeDao(); 
// 总 页 数 
int totalPage = this.getTotalPages(pageSize); 
List list = nd.getPage(pageSize, pageIndex); 
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return list; 


Pr 
#* 控制 类 noticeServlet. java 
*/ 

Package com. servlet; 


public class NoticeServlet extends HttpServlet { 
Pprivate int pageSize = 2; // 每 页 显示 两 条 记录 
private int pageIndex = 1; // 当 前 页 
NoticeBiz nb = new NoticeBiz(); 
public void doGet (HttpServletRequest request, HttpServletResponse response) throws| 
ServletException, IOException { 
int totalPages = nb. getTotalPages(pageSize); // 获 得 总 页 数 
// 确 定 当前 页 
String currentPage = request. getParameter("pageIndex"); 
if(currentPage == null){ 
currentPage = "1"; 


} 
pageIndex = Integer.parseInt(currentPage); 
if(pageIndex <1){ 
pageIndex = 1; 
Jelse if(pageIndex > totalPages){ 
pageIndex = totalPages; 
} 
List list = nb.PageList(pageSize, pageIndex); 
request. setAttribute( "pageIndex", pageIndex); 
request. setAttribute( "totalPages", totalPages); 
request. setAttribute ("list", list); request. getRequestDispatcher ( " showNotice. 
jsp"). forward(request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
this. doGet (request, response); 


/x 
* web. xml 的 配置 
*/ 
<servlet> 
< servlet - name> noticeServlet </servlet - name> 
< servlet - class > com. servlet. NoticeServlet </servlet - class> 
</servlet> 
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<servlet — mapping> 
< servlet - name> noticeServlet </servlet - name> 
< url - pattern>/noticeServlet </url - pattern> 


</servlet - mapping> 


/x 
* ShowNotice. jsp 
*/ 
<$% @ page language = "java" import = "java. util. * ,com. bean. Notice" contentType = "text/ 
html; charset = utf - 8" pageEncoding = "utf - 8" %> 
<html> 
<head> 
<title> show notice</title> 
</head> 
<body> 
<a href = "noticeServlet?pageIndex = 1"> 首 页 </a> 
<a href = "noticeServlet?pageIndex =<% = (Integer) (request. getAttribute("pageIndex"))—1 
%>"> 上 一 页 </a> 
<a href = "noticeServlet?pageIndex =<% 
%>"> 下 一 页 </a> 
<a href = "noticeServlet?pageIndex =<% = request. getAttribute("totalPages") %>"> 末 页 </a> 
(<% = request. getAttribute("pageIndex") %>/<% = request. getAttribute("totalPages") %>) 
< 和 
List list = (List)request. getAttribute("list"); 
Iterator 让 = list. iterator(); 
while(it. hasNext()){ 
Notice notice = (Notice)it. next(); 
out. print ("< br/>"); 
out. print (notice. getTitle( )); 


中 


(Integer) (request. getAttribute("pageIndex"))+1 


L 


} 

%> 
</body> 
</html> 


最 后 部 署 运行 ,打开 IE 浏览 器 ,在 地 址 栏 中 写 入 http://localhost: 8080/Ch09_1/ 
noticeServlet 运行 的 效果 如 图 9-1 所 示 。 


(ol 到 
【¢ 遂 )| 怨 http://ocalhost P - BO Xx Em 攻 
首页 上 一 页 下 一 页 未 页 (1/3) 
1 课表 查询 通知 
2 放假 通知 


图 9-1 分 页 显示 运行 效果 图 
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9.2 SmartUpload 实现 文件 上 传 


现在 网 络 共 享 逐 渐 成 为 传递 信息 .共享 资源 的 一 种 常用 方式 。 用 户 将 自己 计算 机 中 的 
文件 上 传 至 服务 器 端 以 便 其 他 人 浏览 .欣赏 ,已 经 是 Web 项 目 中 最 常用 的 功能 了 。 最 典型 
的 文件 上 传 应 用 就 是 在 日 常生 活 中 ,很 多 人 都 有 自己 个 性 化 的 博客 或 者 私人 空间 ,可 以 将 自 
己 在 日 常 工作 、 生 活 中 的 照片 放 到 空间 里 , 供 亲 朋 好 友 浏 览 。 

那么 文件 上 传 功能 从 技术 上 如 何 实现 呢 ? 实现 文件 上 传 ,涉及 对 文件 的 读 写 操作 ,实现 
起 来 需要 编写 大 量 的 代码 ,并 容易 引发 异常 。 幸 运 的 是 ,目前 有 很 多 非常 实用 的 文件 上 传 工 
具 , 可 以 帮助 我 们 实现 文件 上 传 的 功能 ,其 中 应 用 比较 多 的 就 是 SmartUpload 组 件 , 使 用 该 
组 件 可 以 极 大 地 简化 开发 人 员 的 编码 工作 量 , 接 下 来 我 们 就 重点 学 习 如 何 使 用 
SmartUpload 组 件 在 JSP 中 实现 文件 上 传 功能 。 


9.2.1 SmartUpload 简介 


SmartUpload 组 件 是 一 个 实现 文件 上 传 的 免费 组 件 ,虽然 已 不 再 提供 更 新 ,但 由 于 使 用 
简单 方便 依然 被 非常 广泛 地 使 用 。 使 用 SmartUpload 组 件 具 有 以 下 几 个 特点 : 

。 使 用 简单 SmartUpload 组 件 可 以 方便 地 岩 入 到 JSP 文件 中 ,在 JSP 文件 中 仅 编写 少 
量 代码 即 可 完成 文件 的 上 传 和 下 载 功能 ,十 分 方便 ; 

。 能 够 全 程控 制 上 传 内 容 : 使 用 SmartUpload 组 件 提供 的 对 象 及 操作 方法 ,可 以 获得 
全 部 上 传 文件 的 信息 ,包括 文件 名 称 、 类 型 .大 小 等 ,方便 操作 ，; 

。 能 够 对 上 传 文件 的 大 小 、 类 型 进行 控制 : 为 了 避免 在 上 传 过 程 中 出 现 异常 数据 ,在 
SmartUpload 组 件 中 ,专门 提供 了 相应 的 方法 用 于 限制 不 符合 要 求 的 文件 数据 。 


9.2.2 表单 的 属性 设置 


以 前 我 们 获取 表单 数据 的 方式 是 采用 request 对 象 的 getParameter () 方 法 ,这 种 方法 
只 能 获取 表单 提交 的 文本 信息 , 却 无 法 获取 文件 数据 。 这 是 因为 一 般 的 文本 类 型 等 传 至 服 
务 器 的 编码 方式 与 文件 传 至 服务 器 的 编码 方式 是 不 同 的 ,文件 传 至 服务 器 必须 使 用 
multipart/form-data 编码 方式 ,因为 使 用 的 编码 方式 不 同 , 所 以 使 用 getParameter () 方 法 
不 能 获取 数据 ,所 以 我 们 需要 在 表单 属性 中 添加 属性 enctype, 该 属性 的 设置 方法 如 下 


< form enctype = "multipart/form-data" method = "post"> 
注意 上 传 文件 时 form 标签 的 method 属性 必须 取 值 为 "post" ,不 能 为 " get"。 
9.2.3 使 用 File 控件 选择 文件 


在 学 习 HTML 时 ,我 们 曾经 学 习 过 通过 设置 <input > 标签 的 type 属性 可 以 实现 在 页 面 
添加 不 同类 型 的 控件 ,例如 ,文本 输入 框 、 按 钮 等 。 现 在 如 果 要 实现 文件 上 传 ,我 们 就 要 在 页 
面 中 使 用 File 控件 。 在 表单 中 添加 File 控件 的 代码 如 示例 9-6 所 示 。 
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/x 

* 文件 上 传 form 

*/ 

< form enctype = "multipart/form— data" method = "post"> 
选择 文件 : < intput type = "file" name = "nfile"> 

</form> 


运行 示例 9-6 的 代码 ,效果 如 图 9-2 所 示 。 
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9-2 ”File 控件 


使 用 File 控件 可 以 实现 在 本 地 进行 文件 选择 , 当 用 户 单 击 * 浏 览 ?按钮 后 ,会 打开 如 
图 9-3 所 示 的 界面 ,让 用 户 选 择 需要 加 载 的 文件 。 


大 选择 要 ho 载 的 文件 3 
GOO," EE n 
组 织 ” 。 新 于 文件 夫 -ge 
六 a 本 文档 库 排 方 式 “ 文 交 
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eas | ro 2012/12/92042 。 文 
Fetion 2013/1/30 9:26 
字库 由 Integration Services 车 本 任务 2012112/26 2342 ” 文 | 
国 视 大 则 Integration Services 基本 组件 2012/12/26 2343 ”文件 实 
LL BW SQL Server Management Studio 2013/1/22 22:51 文件 交 
国 邓 W Tencent 2012/12/8 1742 。 文件 大 
由 和 cnt es EP ss 29 
文件 S(NF 3 


9-3 选择 加 载 的 文件 


当 用 户 选择 了 一 个 文件 ,并 单 击 “ 打 开 ? 按 钮 后 ,用 户 在 本 地 所 选择 的 文件 路 径 将 在 File 
控件 的 文本 框 中 显示 ,如 图 9-4 所 示 。 
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9-4 加 载 文件 


9.2 SmartUpload 实 现 文件 上 传 (» 


9.2.4 SmartUpload 组 件 的 常用 方法 


如 果 和 希望 在 项 目 中 使 用 SmartUpload 组 件 , 首 先 需 要 在 项 目 中 添加 smartupload. jar 文 
件 。 添 加 完 jar 文件 后 ,在 JSP 文件 中 还 需要 将 SmartUpload 组 件 所 使 用 的 类 库 导 入 到 JSP 


文件 中 。 语 法 格式 如 下 : 


<% @ page import = "com. jspsmart. upload. x " %> 


了 解 了 如 何在 项 目 中 添加 SmartUpload 组 件 , 在 使 用 其 完成 文件 上 传 之 前 ,我 们 再 来 
了 解 一 下 ,该 组 件 都 提供 了 哪些 对 象 及 方法 来 实现 文件 的 上 传 和 下 载 。 


1，File 类 


File 类 的 作用 是 封装 上 传 文件 所 包含 的 所 有 信息 。 通 过 调用 File 类 的 方法 ,我 们 可 以 
方便 地 获取 到 有 关上 传 文件 的 信息 ,例如 ,文件 的 名 称 、 文 件 的 大 小 、 文 件 的 类 型 及 文件 内 容 


数据 等 。 
注意 


File 类 所 包含 的 文件 信息 是 单个 文件 ,而 不 是 所 有 上 传 文件 的 信息 。 


File 类 提供 的 常用 方法 如 表 9-1 所 示 。 


表 9-1 File 类 的 常用 方法 


方法 名 称 


功能 描述 


public void saveAs(String destFilePathName) 


将 文件 保存 ,参数 destFilePathName 是 保存 的 文件 名 


public void saveAs(String destFilePathName, int 
optionSaveAs) 


将 文件 保存 ,参数 destFilePathName 是 保存 的 文件 
名 ,参数 optionSaveAs 表示 保存 的 选项 


public boolean isMissing( ) 


判断 用 户 是 否 选择 了 文件 , 即 对 应 的 表单 项 是 否 为 
空 ,返回 值 为 boolean 类 型 


public String getFiledName( ) 


获取 表单 中 当前 上 传 文件 所 对 应 的 表单 项 的 名 称 


public String getFileName( ) 获取 上 传 文件 的 文件 名 称 ,不 包含 路 径 

public String getFilePathName( ) 获取 文件 的 全 名 称 ,包含 路 径 的 完整 文件 名 称 
public String getFileExt() 获取 文件 的 扩展 名 

public String getContentString( ) 获取 文件 的 内 容 , 返 回 值 为 字符 串 类 型 


public int getSize( ) 


2，Files 类 


获取 文件 的 大 小 ,单位 字 节 ,返回 值 为 nt 类 型 


Files 类 与 File 类 的 区 别 在 于 File 类 包含 了 单个 上 传 文件 的 信息 ,而 Files 类 表 上 传 文件 的 
集合 ,通过 它 可 以 得 到 上 传 文件 的 数量 、 大 小 等 信息 。Files 类 提供 的 常用 方法 如 表 9-2 所 示 。 
表 9-2 Files 类 的 常用 方法 


方法 名 称 功能 描述 
public int getCount() 取得 文件 上 传 的 数目 
public File getFile(int index) 取得 指定 位 置 的 File 文件 对 象 
public long getSize() 取得 上 传 文件 的 总 长 度 


public Collection getCollection() 


将 所 有 上 传 文件 对 象 以 Collection 的 形式 返回 


CN 
Co 第 9 章 JSP 开 发 业务 应 用 


3. SmartUpload 类 


SmartUpload 类 用 于 实现 文件 的 上 传 与 下 载 操作 ,SmartUpload 类 提供 的 常用 方法 如 


表 9-3 所 示 。 
表 9-3 SmartUpload 类 的 常用 方法 
方法 名 称 功能 描述 
publie final void initialize ( PageContext | 执行 上 传 和 下 载 的 初始 化 工作 ,必须 实现 


pageContext) 


public void upload() 


实现 文件 数据 的 上 传 , 放 在 initialize 方法 后 


public int save(String pathName) 


将 全 部 上 传 文件 保存 到 指定 的 目录 下 ,并 返回 保存 的 文件 


个 数 
public void setAllowFilesList ( String | 指定 允许 上 传 的 文件 扩展 名 ,接收 一 个 扩展 名 列表 ,以 逗号 
ExtList) 分 隔 


public void setDeniedFilesList (String 
fileList) 


指定 禁止 上 传 的 文件 扩展 名 列表 ,每 个 扩展 名 之 间 以 逗号 
分 隔 


public void setMaxFileSize(long filesize) 


设 定 每 个 文件 允许 上 传 的 最 大 长 度 


public void setTotalMaxFileSize (long 


totalfilesize) 


设 定 允许 上 传 文件 的 总 长 度 


9.2.5 SmartUpload 组 件 的 应 用 
了 解 了 SmartUpload 组 件 的 相关 对 象 及 方法 ,下 面 我 们 就 进一步 学 习 如 何在 JSP 中 用 


/x 
x* upload. jsp 下 载 页 面 
x*/ 


<html> 
<head> 
<title> 上 传 页 面 </title> 
</head> 
<body> 


<br/> 
<br> 
</form> 


</body> 
</html > 


<% @ page language = "java" import = "java.util. *" pageEncoding = "utf - 8" %> 
<% @ page import = "com. jspsmart. upload. * ”第 > 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 


< form action = "do_upload. jsp" enctype = "multipart/form - data" method = "post"> 
选择 文件 1: < input type = "file" name = "filel"> 


选择 文件 2: < input type = "file" name = "file2"> 


< input type= "submit" value= "上传 "> 


9.2 SmartUpload 实 现 文件 上 传 


此 处 form 提交 到 一 个 JSP 页 面 处 理 , 当然 也 可 以 提交 到 一 个 servlet 来 处 理 。 


/x 
x* do_upload. jsp 处 理 下 载 页 面 
*/ 
<% @ page language = "java" import = "java.util. * " pageEncoding = "utf - 8" %> 
<% @ page import = "java. util. * ,com. jspsmart. upload. * " errorPage = "" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title > 文件 处 理 上 传 页面 </title> 
</head> 
<body> 
< 第 
SmartUpload su = new SmartUpload( ) ; 
su. initialize(pageContext) 7; 
su. setCharset("UTF — 8"); 
su. setMaxFileSize(100000); 
su, setTotalMaxFileSize(200000); 
Su, setAllowedFilesList("doc, txt"); 
su, setDeniedFilesList("exe, bat, jsp, html"); 
su, upload( ); // 上 传 文件 
int count = su. save("/upload"); 
out. println(count + "文件 上 传 成 功 "); 
for(int i=0;i< su.getFiles().getCount();i++){ 
File file = su.getFiles().getFile(i); 


if(file. isMissing())continue; // 若 文件 不 存在 则 继续 
String filepath = request. getRealPath("/") + "upload" + "\\" + file. getFileName( ); 
// 显 示 当 前 文件 信息 


out. println("< table border = 1>"); 

out. println("<tr>< td> 表 单项 名 (FiledName)</td>< td>" + file. getFieldName() + "</ 
td></tr >"); 

out. println("<tr>< td> 文 件 长 度 (FileSize)</td><td>" + file.getSize() + "</td></ 
tr>"); 

out. println("<tr><td> 文 件 名 (FileName)</td>< td>" + file. getFileName()+"</td>| 
</tr>"); 

out. println("<tr>< td> 文 件 扩 展 名 (FileExt)</td>< td>" + file. getFileExt() + "</td, 
></tr>"); 

out. println("< tr>< td> 文 件 全 名 (FilePathName)</td>< td>" + filepath + "</td></tr| 
>"); 

out. println("</table ></br >"); 

} 
%> 

</body> 
</html > 


示例 9-17 的 运行 过 程 及 效果 分 别 如 图 9-5 及 图 9-6 所 示 。 
上 传 成 功 后 在 tomcat 的 \webapps\Ch09_2\upload 目录 中 即 出 现 上 传 文件 。 


f= 


选择 文件 1，DiMexdt1ba 
选择 文件 2，Diext2 ba 


ree eton SOx] Ozmaatarm 


2 文件 上 传 成 功 

良 单 项 名 (FiedName) fel 

文件 长 度 FieSze) 。 22 

文件 名 (FieName) textl txt 

文件 扩展 名 (FieExt) bt 

文件 全 名 Program FilesApache Software Foundation\Tomcat 7.0 
(FePathName) webapps\Ch09_2Z\ploadiext] bdt 


衣 单 项 有 (FiedName) [ie 
区 件 长 度 (FieSze) 。 35 

文件 名 (FieName) hext2 tt 

文件 扩展 名 (FacEx) et 

文件 全 名 Deep FiesApache Software Foundation Tomcat 7 0 
(FlePathName) \webapps\Ch09_2\uploaditext? pt 


9-6 ”处 理 文件 上 传 后 页 面 


9.3 ”SmartUpload 实现 文件 下 载 


学 习 了 SmartUpload 组 件 实现 文件 上 传 的 功能 , 接 下 来 我 们 学 习 文 件 下 载 。 


/x 
* download. jsp 下 载 页 面 
*/ 
<%@ page language = "java" import = "java.util. *" pageEncoding = "utf -8" %> 
<% @ page import = "com. jspsmart. upload. * ”第 > 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 

<head> 

<title > 下 载 文件 </title> 
</head> 


9.3 SmartUpload 实 现 文 件 下 载 


<body> 


单 击 相应 的 链接 下 载 <br> 
<a href = "do_download. jsp"> text1.txt</a> 


</body> 
</html > 


/ 


x 


x* do_download. jsp 处 理 下 载 页 面 


*/ 


<%@ page language = "java" import = "java.util. *" pageEncoding = "utf - 8" %> 
<% @ page import = "com. jspsmart. upload. * " %> 


<% 


%> 


out. clearBuffer( ); 

out = pageContext.pushBody(); 

// 新 建 一 个 SmartUpload 对 象 

SmartUpload su = new SmartUpload( ) ; 

// 初 始 化 

su, initialize(pageContext); 

// 设 定 ContentDisposition 为 空 时 禁止 浏览 器 自动 打开 文件 
su. setContentDisposition(null); 

// 下 载 文件 

su. downloadFile("/upload/text1. txt"); 


as 


在 代码 中 车 没有 


out. clearBuffer( ); 


out 


= pageContext. pushBody(); 


则 下 载 时 出 现 异 常 


java. lang. IllegalStateException: getOutputStream( ) has already been called for this response 


示例 9-8 的 运行 效果 如 图 9-7(a) 、(b) 所 示 。 


文件 下 载 


您 要 打开 还 是 保存 此 文件 ? 
SS 名 称 : textLbd 
司 并: x 
未 源 :localhost 


名 http://localhost D- BCX EF 站 


Cia 


上 二 相 的 外 才 各 起 和 


9-7 文件 下 载 
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9.4 上 机 练习 


1. 实现 通知 公告 发 布 系统 列表 的 分 页 显示 。 

需求 说 明 : 在 通知 公告 发 布 系统 的 后 台 , 在 页 面 右 部 动态 显示 通知 公告 列表 时 加 上 分 
页 显示 功能 。 

实现 思路 : 参照 9.1 节 。 

实现 如 图 9-8 所 示 。 


<】 EECRETEETTT 


首页 上 一 页 下 一 页 去 页 (1/3 


图 9-8 分 页 效果 图 


2. 实现 文件 上 传 、 下 载 。 
需求 说 明 : 新 建 项 目 CH09_2, 实 现 文件 的 上 传 与 下 载 功 能 。 
实现 思路 : 参照 9.2、9. 3 节 。 


9.5 总 结 


(1) 实现 数据 分 页 显示 ,需要 经 过 的 步骤 如 下 : 

。 确定 每 页 显示 的 数据 数量 ; 

。 确定 分 页 显示 所 需 的 总 页 数 ; 

。 编写 SQL 查询 语句 ,实现 数据 查询 ; 

。 在 JSP 页 面 中 进行 分 页 显示 设置 。 

(2) SmartUpload 组 件 是 实现 文件 上 传 功能 的 免费 组 件 ,可 以 在 JSP 中 实现 文件 的 上 
传 与 下 载 功能 。 


9.6 作业 (3 


(3) 在 文件 上 传 表单 页 面 中 ,需要 设置 表单 属性 enctype 二 “multipart/form-data" 提 交 
方式 method 王 "post"。 


9.6 作 业 


、 选 择 题 
声明 SmartUpload 对 象 的 正确 方法 是 ( Ws 
. Smart Upload su=new SmartUpload () 
. SmartUpload su= SmartUpload. new Instance () 
. SmartUpload su= SmartUpload. initialize () 
.SmartUp load 无 须 实例 化 ,可 直接 使 用 
下 面 不 属于 分 页 实现 步骤 的 是 ( We 
确定 每 页 显示 的 数据 数量 
计算 总 页 数 
.编写 查询 SQL 请 句 
使 用 下 拉 列 表 显 示 页 数 
使 用 SmartUpload 实现 文件 上 传 时 ,对 以 下 方法 描述 错误 的 是 ( Ne 
. 使 用 setAllowedFilesList 方法 可 以 指定 允许 上 传 的 文件 类 型 列表 
.使 用 save 方法 可 以 将 上 传 文件 保存 到 指定 目录 下 
. 使 用 setTotalMaxFileSize 方法 可 以 指定 每 个 文件 上 传 的 最 大 长 度 
.使 用 setDeniedFilesList 方法 可 以 指定 禁止 上 传 的 文件 类 型 列表 
、 简 答题 
简 述 实现 分 页 的 步骤 ? 
写 出 SQL Servler2008 实现 分 页 查询 的 SQL 语句 ? 
3. 在 文件 上 传 时 ,如 何 控制 上 传 文件 的 大 小 和 类 型 ? 
三 、 程 序 题 
编写 一 个 web 项 目 ,显示 你 的 个 人 信息 ,要 求 能 够 上 传 你 的 照片 ,格式 为 jpg 或 gif, 图 
片 大 小 不 超过 3M。 
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因 本 章 学 习 目标 
二 理解 并 会 使 用 EL 表达 式 
二 理解 并 会 使 用 常用 的 JSTL 标签 
二 了 解 框 架 技术 


本 章 主要 介绍 JSP 高 级 程序 设计 的 相关 技术 ,主要 包括 EL 表达 式 JSTL 标准 标签 库 
以 及 Java Web 开发 中 应 用 的 框架 技术 。 


10.1 EL 表达 式 


在 前 面 的 学 习 中 可 以 看 到 ,JSP 页 面 仍然 嵌入 很 多 Java 代码 ,不 利于 对 表现 层 的 维护 
和 更 新 。 接 下 来 我 们 介绍 如 何 使 用 JSTL 标签 库 和 EL 表达 式 , 实 现 无 Java 代码 嵌入 的 
JSP 页 面 开发 。 


10.1.1 什么 是 EL 表达 式 


EL 的 全 称 是 Expression Language, 它 是 一 种 借鉴 了 JavaScript 和 XPath 的 表达 式 语 
言 。EL 定义 了 一 系列 的 隐 含 对 象 和 操作 符 ,使 开发 人 员 能 够 很 方便 地 访问 页 面 的 上 下 文 ， 
以 及 不 同 作用 域内 的 对 象 ,而 无 需 在 JSP 页 面 嵌 入 Java 代码 。EL 表达 式 通常 用 于 在 某 个 
作用 域 (page request session、application 等 ) 内 取得 属性 值 , 或 者 做 简单 的 运算 和 判断 。 
EL 表达 式 有 以 下 特点 。 

1. 自动 转换 类 型 

使 用 EL 得 到 某 个 数据 时 可 以 自动 转换 类 型 ,因此 对 于 类 型 的 限制 更 加 宽松 。 

2. 使 用 简单 

与 JSP 页 面 中 嵌入 的 Java 代码 相 比 ,EL 表达 式 使 用 起 来 更 加 简单 。 


10.1.2 EL 简介 
1. 语法 结构 
$ {EL 表达 式 } 
其 中 *$ ”与 “(}” 缺 一 不 可 。 


2.“[ Jj” 与 “. ”操作 符 


EL 提供 “. ”和 “[ ]” 两 种 操作 符 来 存 取 数据 。 

EL 表达 式 通 常 由 两 部 分 组 成 : 对 象 和 属性 。 就 像 在 Java 代码 中 一 样 ,在 EL 表达 式 中 
也 可 以 用 点 操作 符 “. ”访问 对 象 的 某 个 属性 ,例如 ,通过 $ {user. name} 可 以 访问 user 对 象 
的 name 属性 ; 而 通过 $ { goods. supplier. address} 则 可 以 访问 商品 供 货 商 的 地 址 。 

与 点 操作 符 类 似 ,“[ ]” 操 作 符 也 可 以 访问 对 象 的 某 个 属性 ,如 $ {userL'name']), 除 此 
之 外 。“[ ”操作 符 还 提供 了 更 加 强大 的 功能 。 

。 当 属 性 名 中 包含 了 特殊 字符 如 “. ”或 “-” 等 的 情况 下 ,就 不 能 使 用 点 操作 符 来 访问 ， 


这 时 只 能 使 用 “[ Jj” 操作 符 。 


10.2 JSTL 标 签 2 
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。 访问 数组 ,如 果 有 一 个 对 象 名 为 array 的 数组 ,那么 我 们 可 以 根据 索引 值 来 访问 其 中 


的 元 素 , 如 $ {array[0]}、$ { array[ 1]} 等 


3. EL 作用 域 访 问 对 象 


通过 学 习 JSP 相关 知识 ,我 们 知道 JSP 提供 了 page、request、session、application 等 9 
个 内 置 对 象 。 这 些 内 置 对 象 无 需 声 明 ,就 可 以 很 方便 地 在 JSP 页 面 脚本 中 使 用 。 相 应 地 ， 
在 EL 表达 式 语言 中 也 提供 了 一 系列 可 以 直接 使 用 的 隐 式 对 象 。 这 里 我 们 主要 来 讲解 作用 


域 访问 对 象 。 如 图 10-1 所 示 。 


pageScope| 


| 


requestScope| 


| 一 -一 


sessionScope| 


一 一 


applicationScope| 


一 


一 -一 


作用 域 访问 对 象 


图 10-1 EL 作用 域 访问 对 象 


EL 存 取 变 量 数 据 的 方法 很 简单 ,例如 : $ {username}。 它 的 意思 是 取出 某 一 范围 中 名 
称 为 username 的 变量 。 因 为 我 们 并 没有 指定 哪 一 个 范围 的 username, 所 以 它 会 依 序 从 
page、request、session、application 范围 查找 。 假 如 途中 找到 username, 就 直接 回 传 ,不 青 继 


续 找 下 去 ,但 是 假如 全 部 的 范围 都 没有 找到 时 ,就 回 传 null。 例 如 : 


request. setAttribute("user", user); 


则 可 用 $ {requestScope. user} 访问 request 范围 中 的 user 对 象 ,用 $ {requestScope. user. 
name} 访 问 request 范围 中 的 user 对 象 的 name 属性。 


10.2 JSTL 标签 


10.2.1 JSTL 标签 简介 


通过 使 用 EL 表达 式 ,在 JSP 页 面 中 可 以 很 容易 地 输出 信息 ,从 而 在 一 定 程度 上 简化 了 
JSP 页 面 开发 的 复杂 度 。 但 是 由 于 EL 表达 式 不 能 实现 复杂 逻辑 的 处 理 , 在 JSP 页 面 中 依 
然 存在 用 Java 代码 处 理 表示 层 逻 辑 的 现象 。 那 么 有 没有 一 种 技术 ,使 我 们 既 不 用 嵌入 Java 
代码 ,又 能 在 JSP 中 控制 程序 流程 呢 ? 那 就 是 JSTL 标签 。 
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JSTL 的 全 称 是 Java Server Pages Standard Tag Library, 即 JSP 标准 标签 库 。 它 包含 
了 我 们 在 开发 JSP 页 面 时 经 常用 到 的 一 组 标准 标签 。JSTL 标签 库 包含 了 各 种 标签 ,如 通 
用 标签 .条 件 判断 标签 和 迁 代 标签 等 。 

在 开发 中 使 用 JSTL 标签 库 ,我 们 需要 执行 如 下 两 个 步骤 。 

1. 在 项 目 中 引用 JSTL 的 两 个 Jar 包 和 标签 库 描述 符 文件 (. tld 文件 ) 。 

需要 导入 的 两 个 Jar 包 为 jstl. jar 和 standard. jar。 除 此 以 外 ,标签 库 描述 符 文 件 也 是 
必需 的 ,这 些 资源 都 能 在 网 上 下 载 得 到 。 

在 集成 开发 环境 MyEclipse 中 已 经 集成 了 JSTL, 因 此 这 一 过 程 可 以 由 工具 代为 实现 ， 
方法 如 下 。 

首先 在 新 建 web 项 目 时 ,弹出 New Web Project 对 话 框 。 在 该 对 话 框 中 的 J2EE 
Specification Level 选项 组 中 选择 Java EE 5 0 单 选 按钮 ,MyEclipse 会 自动 在 项 目 中 添加 
JSTL 所 需要 的 Jar 包 和 标签 库 描述 符 文件 。 而 如 果 选 择 更 低 的 版 本 , 则 需要 选择 Add 
JSTL Iibraries to WEB-INF /lib folder 复 选 框 ,然后 单 击 “Finish” 按 钮 。 

2. 在 需要 使 用 JSTL 的 JSP 页 面 上 使 用 taglib 指令 导入 标签 库 描述 符 文件 ,导入 核心 
标签 库 

例如 : 


<% @ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix="c" %> 


10.2.2 JSTL 核心 标签 库 


核心 标签 库 在 JSTL 中 占有 十 分 重要 的 地 位 , 按 功 能 的 不 同 可 以 分 为 通用 标签 库 、 条 件 
标签 库 .迭代 标签 库 等 。 下 面 我 们 分 别 来 介绍 

1. 通用 标签 库 

通用 标签 用 于 在 JSP 页 面 内 设置 ` 删 除 和 显示 变量 , 它 包 含 三 个 标签 < c: set >、 
<c:value><c:out>, 接 下 来 我 们 一 一 介绍 。 

(1) <c: set > 标签 用 于 定义 变量 ,并 将 变量 存储 在 JSP 范围 中 或 者 JavaBean 属性 中 ,其 
语法 格式 分 为 如 下 两 种 。 

Q@ 语法 

<c:set var = "variable" value = "v" scope = "scope"/> 


。 var 属性 的 值 是 设置 的 变量 名 ; 

。 value 属性 的 值 是 赋予 变量 的 值 ; 

。 scope 属性 对 应 的 是 变量 的 作用 域 ,可 选 值 有 page、request、session 和 application 。 
例如 ,在 请 求 范 围 内 将 变量 currentIndex 设置 为 8, 用 < c: set > 标签 可 以 写 为 


" 


<c:set var = "currentIndex" value = "8" scope = "request"/> 


@ 将 value 值 存储 到 target 对 象 的 属性 中 
语法 


<c:set value = "value" target = "target" property = "property" /> 


10.2 JSTL 标 签 (> 


。 target 属性 是 操作 的 对 象 ,可 以 使 用 EL 表达 式 表示 ; 

。 property 属性 对 应 对 象 的 属性 名 ; 

。 value 属性 是 赋予 对 象 属性 的 值 。 

(2) <c: out > 标签 用 来 显示 数据 的 内 容 , 类 似 于 JSP 中 的 <% 二 %>。 但 是 功能 更 加 强 
大 ,代码 也 更 加 简洁 ,方便 页 面 维 护 。 其 语法 格式 分 为 指定 默认 值 和 不 指定 默认 值 两 种 
形式 。 

JD 不 指定 默认 值 ”语法 如 下 : 


<c:out value = "value" /> 


value 属性 指 需 要 输出 的 值 ,可 以 用 EL 表达 式 输出 某 个 变量 。 
@ 指定 默认 值 ”语法 如 下 : 


<c:out value= "value" default = "default" /> 


default 属性 是 value 属性 的 值 为 空 时 ,输出 的 默认 值 。 
下 面 用 一 个 示例 来 加 深 对 < c:set> 和 < c: out > 标签 的 理解 ,代码 如 示例 10-1 所 示 。 


CO》 


/x 
* JSTL 标签 
*/ 
<% 
Notice notice = new Notice(); 
request. setAttribute( "notice", notice); 


%> 
<c:set target =" $ {notice}" property= "title" value = "defaultTitle"></c:set > 
<c:out value = " $ {notice. title}" default = "noTitle"></c:out> 


在 该 示例 中 Notice 类 是 一 个 JavaBean。 我 们 首先 使 用 < c: set > 标签 为 notice 对 象 的 title 属 
性 设置 一 个 值 ,然后 使 用 < c:out > 标签 输出 该 属性 的 值 ,如 果 该 属性 值 为 空 , 则 显示 “noTitle”。 

(3) < c: remove > 标签 与 < c: set > 标签 的 作用 相反 ,< c: remove > 用 于 移 除 指定 范围 的 变 
量 ,语法 格式 如 下 : 


<c:remove var = "value" scope = "scope"/> 


。 var 属性 是 指 待 删除 的 变量 的 名 称 ; 
。 scope 属性 是 指 删 除 的 变量 所 在 的 范围 , 可 选项 有 page、 request、 session、 
application。 如 果 没 有 指定 , 则 默认 为 page。 


区 示例 10-2 》 


/x 

x* JSTL 的 < c:remove> 应 用 

*/ 

<% @ page language = "java" import = "java.util. *" pageEncoding = "UTF 一 8" %> 
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<%@ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix= "c" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title > 使 用 JSTL 设置 变量 </title> 
</head> 
<body> 
<! -- 设置 之 前 应 该 是 空 值 --> 
设置 变量 之 前 的 值 是 : message =<c:out value ="$ {message}" default = "null"/><br> 
<! -- 给 变量 message 设 值 --> 
< ci: set var = "message" value = "Hello JSP!" scope = "page"></c:set > <! -- 此 时 
message 的 值 应 该 是 上 面 设置 的 "已 经 不 是 空 值 了 ”--> 
设置 新 值 以 后 : message =< c:out value = " $ {message}"></c:out ><br> 
<! -- 把 message 变量 从 page 范围 内 移 除 -- > 
< ci:remove var = "message" scope = "page"/> 
<! -- 此 时 message 的 值 应 该 显示 null --> 
移 除 变量 message 以 后 : message =< c:out value = " $ {message}" default = "null"></c: 
out > 
</body> 
</html > 


该 示例 的 显示 效果 如 图 10-2 所 示 。 


OO Erg Er 
变量 之 前 的 值 是 ，message=null | 


设 
设置 新 值 以 后 ，message=Hello JSP! 
移 除 变量 message 以 后 ，message=null 


图 10-2 用 JSTL 设置 变量 


2. 条 件 标签 

对 于 包含 动态 内 容 的 Web 页 面 , 不 同类 型 的 用 户 看 到 不 同形 式 的 内 容 。 例 如 ,对 于 一 
个 资料 下 载 网 页 ,经 常会 根据 用 户 的 积分 多 少 , 判 断 是 否 可 以 看 到 下 载 链 接 , 这 时 就 要 用 到 
JSTL 的 另外 一 个 常用 的 标签 < c:if > 条件 标 签 。< c: if > 标签 用 来 执行 流程 的 控制 ,其 功能 
和 Java 语言 中 的 让 完全 相同 ,其 语法 结构 为 


<c:if test = "condition" var = "varName" scope = "scope"> 


内 容 … 
</c:if> 
test 属性 是 此 条 件 标签 的 判断 条 件 , 当 test 中 表达 式 的 结果 为 true 时 ,会 执行 内 容 , 如 
果 为 false 则 不 会 执行 。 


。 var 属性 定义 变量 ,该 变量 存放 判断 以 后 的 结果 ,该 属性 可 以 省 略 。 
。 scope 属性 是 指 var 定义 变量 的 存储 范围 ,可 选 值 有 page、 request、 session 和 
application ,该 属性 可 以 省 略 。 
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SS 


使 用 < c: if> 标 签 完 成 登录 后 ,如 果 用 户 已 经 登录 则 显示 成 功 的 消息 ,否则 显示 登录 


form 。 


/x 
* 用 JSTL EL 完成 登录 
*/ 
<% @ page language = "java" import = "java.util. *" pageEncoding = "UTF— 8" %> 
<% @ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix= "c" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> 登 录 页 面 </title> 
</head> 
<body> 
<c:set var = "loggedIn" value = " $ {not empty sessionScope. userId}"/> 
<c:if test= "$ {not loggedIn}"> 
<form id = "login" method = "post" action = "loginServlet"> 
用 户 名 : < input id = "userName" name = "userName" type = "text"><br> 
密码: < input id= "passWord" name = "passWord" type= 
< input type = "submit" value = "登录 "> 


password"><br> 


</form> 
</c:if> 
<c:if test="$ {loggedIn}"> 
您 已 经 登录 ! 
</c:if> 
</body> 

</html > 

/闪闪 

* 没有 使 用 JSTL EL 完成 的 登录 

*/ 


<% @ page language = "java" import = "java.util. * " pageEncoding = "UTF — 8" %> 
<! DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title > 登录 页 面 </title> 
</head> 
<body> 
< 
String userId = (String)session.getAttribute("userId"); 
if (userId == null) { 
%> 
<form id = "login" method = "post" action= "loginServlet"> 
用 户 名 : < input id = "userName" name = "userName" type = "text"><br> 
密码 : < input id= "passWord" name = "passWord" type = "password"><br> 
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< input type= "submit"value= "登录 "> 
</form> 
<% 
} else { 
第 > 
您 已 经 登录 ! 
<% 
} 
第 > 
</body> 
</html > 


通过 对 比 , 显 然 < c:if > 标签 简化 了 工作 量 ,而 且 使 代码 结果 看 起 来 更 加 清晰 ,易于 管理 
和 维护 。 

3. 和 迭代 标签 

在 JSP 的 开发 中 ,过 代 是 经 常 要 使 用 到 的 操作 。 例 如 ,列表 显示 查询 结果 等 。 在 早期 
的 JSP 中 ,通常 使 用 Java 代码 来 实现 集合 对 象 (如 List Iterator 等 ) 的 遍历 。 现 在 ,通过 
JSTL 的 <c: forEach > 标签 ,能 在 很 大 程度 上 简化 迭代 操作 。 

<c: forEach > 标签 有 两 种 语法 格式 ,一 种 用 来 遍历 集合 对 象 的 成 员 , 一 种 用 来 使 语句 循 
环 执行 指定 的 次 数 。 

(1) 遍历 集合 对 象 的 成 员 ,其 语法 格式 如 下 : 


<c:forEach var = "varName" items = "lcollectionName" varStatus = "varStatusName" begin= 
"beginlndex" end = "endlndex" step= "step"> 

… 内 容 

</c:forEach> 

var 属性 是 对 当前 成 员 的 引用 , 即 如 果 当 前 循环 到 第 一 个 成 员 , 那 么 var 就 引用 第 一 
个 成 员 ,如果 当前 循环 到 第 二 个 成 员 , 它 就 引用 第 二 个 成 员 ,以 此 类 推 ; 

tems 指 被 迭代 的 集合 对 象 ; 

。 varStatus 属性 用 于 存放 var 引用 的 成 员 的 相关 信息 ,如 索引 等 ; 

。 begin 属性 表示 开始 位 置 ,默认 为 0, 该 属性 可 以 省 略 ; 

。 end 属性 表示 结束 位 置 ,默认 为 集合 的 长 度 , 该 属性 可 以 省 略 ; 

。 step 表示 循环 的 步 长 ,默认 为 1 ,该 属性 可 以 省 略 。 

(2) 指定 语句 的 执行 次 数 ,其 语法 格式 为 

< c:forEach var = "varName" varStatus = "vatStatusName”begin = "beginlndex" end = "endlndex" 
step = "step"> 

… 内 容 

</c:forEach> 

。 var 属性 是 对 当前 成 员 的 引用 ; 

。 varStatus 属性 用 于 存放 var 引用 的 成 员 的 相关 信息 ,如 索引 等 ; 

。 begin 属性 表示 开始 位 置 , 默 认为 0, 该 属性 可 以 省 略 ; 

。 end 属性 表示 结束 位 置 ; 
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。 step 属性 表示 循环 的 步 长 ,默认 为 1 ,该 属性 可 以 省 略 。 

格式 2 与 格式 1 的 区 别 是 : 格式 2 不 是 对 一 个 集合 对 象 遍 历 ,而 是 根据 指定 的 begin 属 
性 、end 属性 以 及 step 属性 执行 本 题 内 容 固定 的 次 数 。 

迭代 标签 在 实际 开发 中 的 应 用 非常 广泛 ,例如 ,示例 10-4 来 显示 通知 的 信息 。 


示例 10 一 4 


/#¥ 
* 用 JSTL EL 完成 分 页 显示 notice 

x*/ 

<% @ page language = "java" contentType = "text/html; charset = utf - 8" pageEncoding = "utf 一 
8"%> 

<%@ taglib uri = "http://java. sun. com/jsp/jstl/core" prefix="c" %> 


<%@ page import = "java. util. *" %> 
<% @ page import = "com. bean. Notice” %> 
<! DOCTYPE html PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN" "http://www. w3. org/TR/ 
html4/loo0se. dtd"> 
<html> 
<head> 
<title> show notice</title> 
</head> 
<body> 
<table border = "1"> 

<tre> 

<th> 通 知 标题 </th> 

</tr> 
<c:forEach var = "notice" items ="$ {requestScope. list}" varStatus = "status"> 

<tr<c:if test =" $ {status. index% 2 == 1}"> style = "background - color: rgb(219, 241, 
212);"</c:if > 

<td>$ {notice. title}</td> 

</tr> 
</c:forEach> 
</body> 
</html > 


效果 如 图 10-3 所 示 。 


1 课表 查询 通知 


放假 通知 


3 考试 通知 
4 招聘 通知 
ET 要 了 


图 10-3 用 和 迭代 显示 通知 标题 
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10.3 框架 技术 


在 开发 JSP 程序 时 ,采用 合适 的 开发 框架 可 以 很 好 地 提高 开发 效率 。Struts、 Spring 和 
Hibernate 是 Java Web 开发 中 比较 优秀 的 开源 框架 ,这 些 框 架 各 有 特点 ,各 自 实 现 了 不 同 
的 功能 ,在 开发 的 过 程 中 ,如 果 能 够 将 这 些 框 架 集成 起 来 ,将 会 使 开发 过 程 大 大 简化 ,很 大 程 
序 上 降低 开发 成 本 。 

下 面 将 对 Struts、Spring 和 Hibernate 进行 简要 介绍 。 有 兴趣 的 读者 请 参照 这 些 方面 
的 资源 来 学 习 , 从 而 提高 自己 的 开发 能 力 。 


10.3.1 Struts 框架 


Struts 框架 是 Apache 组 织 的 一 个 开放 源 代码 项 目 , 它 是 采用 Java Servlet 和 JSP 技术 
来 构建 基于 MVC 体系 结构 的 Web 应 用 程序 的 框架 。Struts 框架 具有 良好 的 架构 和 设计 、 
可 重用 、 模 块 化 .扩展 性 强 等 特点 ,因此 已 经 被 广泛 应 用 于 Web 应 用 开发 。 

Struts 框架 是 目前 非常 流行 的 基于 Java 技术 开发 的 JSP Web 应 用 开发 框架 , 它 遵 循 了 
MVC 设计 模式 。 在 Struts 框架 中 ,模型 由 实现 业务 逻辑 的 JavaBean 组 件 构成 ,控制 器 由 
ActionServlet 和 Action 来 实现 ,视图 由 一 组 JSP 文件 与 Struts 标签 库 构成 。 


10.3.2 Spring 框架 


Spring 是 一 个 开源 的 框架 ,由 RodJohnson 创建 ,从 2003 年 初 正式 启动 。 它 能 够 降低 
开发 企业 应 用 程序 的 复杂 性 ,可 以 使 用 Spring 替代 EJB 开发 企业 级 应 用 ,而 不 用 担心 工作 
量 太 大 、 开 发 进度 难以 控制 和 复杂 的 测试 过 程 等 问题 。 它 以 IOC( 反 向 控制 ) 和 AOP( 面 向 
切面 编程 ) 两 种 先进 的 技术 为 基础 ,完美 地 简化 了 企业 级 开发 的 复杂 度 。 

Spring 框架 主要 由 核心 模块 、 上 下 文 模块 .AOP 模块 .DAO 模块 、Web 模块 等 7 大 模 
块 组 成 ,它们 提供 了 企业 级 开发 需要 的 所 有 功能 ,而 且 每 个 模块 都 可 以 单独 使 用 ,也 可 以 和 
其 他 模块 组 合 使 用 ,灵活 且 方 便 的 部 署 可 以 使 开发 的 程序 更 加 简洁 灵活 。Spring 的 7 个 模 
块 的 部 署 如 图 10-4 所 示 。 


Spring ORM Spring Web 
Hibernate support WebApplicationContext 
iBats support Mutipart resolver 四 
JDO support Web utlities Spring Web 
Spring AOP MVC 
Source-level Web MVC 
metadata Spring Context Framework 
AOP infrastructure| Application context Web Views 
Spring DAO UI support JSP/Velocity 
Transaction infrastructure Validation PDF/Export 
JOBC support JNDL EJB support and 
DAO support remodeling 
Maill 
Spring Core 
Supporting utlities 
Bean container 


10-4 Spring 的 7 个 模块 
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10.3.3 Hibernate 框架 


Java 是 一 种 面向 对 象 的 编程 语言 ,但 是 通过 JDBC 方式 操作 数据 库 , 运 用 的 是 面向 过 程 
的 编程 思想 ,为 了 解决 这 一 问题 ,提出 了 对 象 一 关系 映射 ( Object Relational Mapping， 
ORM) 模 式 。 通 过 ORM 模式 ,可 以 实现 运用 面向 对 象 的 编程 思想 操作 关系 型 数据 库 。 
Hibernate 技术 为 ORM 提供 了 具体 的 解决 方案 ,实际 上 就 是 将 Java 中 的 对 象 与 关系 数据 
库 中 的 表 做 一 个 映射 ,实现 它们 之 间 自 动 转换 的 解决 方案 。 

Hibernate 在 原 有 3 层 架 构 (MVC) 的 基础 上 ,从 业务 逻辑 层 又 分 离 出 一 个 持久 层 , 专 门 
负责 数据 的 持久 化 操作 ,使 业务 逻辑 层 可 以 真正 地 专注 于 业务 逻辑 的 开发 ,不 再 需要 编写 复 
杂 的 SQL 语句 ,增加 了 持久 层 的 软件 分 层 结构 ,具体 关系 如 图 10-5 所 示 。 
业务 逻辑 层 
业务 逻辑 层 


数据 库 数据 库 
10-5 增加 了 持久 层 的 软件 分 层 结构 


Hibernate 在 Java 对 象 与 关系 数据 库 之 间 起 到 了 一 个 桥梁 的 作用 ,负责 两 者 之 间 的 映 
射 ,在 Hibernate 内 部 还 封装 了 JDBC 技术 ,向 上 一 层 提 供 面 向 对 象 的 数据 访问 API 接口 。 
Hibernate 特点 如 下 : 

(1) 它 负责 协调 软件 与 数据 库 的 交互 ,提供 了 管理 持久 性 数据 的 完整 方案 ,让 开发 者 能 
够 专著 于 业务 逻辑 的 开发 ,不 再 需要 考虑 所 使 用 的 数据 库 及 编写 复杂 的 SQL 语句 ,使 开发 
变 得 更 加 简单 和 高 效 ; 

(2) 应 用 者 不 需要 遵循 太 多 的 规则 和 设计 模式 ,让 开发 人 员 能 够 灵活 的 运用 ， 

(3) Hibernate 支持 各 种 主流 的 数据 源 ,目前 所 支持 的 数据 源 包括 DB2, MySQL、 
Oracle、SQL Server 和 纯 Java 驱动 程序 等 ; 

(4) 它 是 一 个 开放 源 代码 的 映射 框架 ,对 JDBC 只 做 了 轻 量 级 的 封装 ,让 Java 程序 员 可 
以 随心 所 欲 的 运用 面向 对 象 的 思想 操纵 数据 库 ,无 须 考虑 资源 的 问题 。 


10.4 上 机 练习 


1. EL 表达 式 和 JSTL 标签 库 应 用 。 

需求 说 明 : 利用 EL 表达 式 和 JSTL 标签 库 修改 通知 公告 发 布 系统 的 前 台 JSP 页 面 , 使 
的 页 面 变 得 简洁 。 

实现 思路 : 参考 10.1 和 10.2 节 。 

2. EL 表达 式 和 JSTL 标签 库 应 用 。 

需求 说 明 : 利用 EL 表达 式 和 JSTL 标签 库 修改 通知 公告 发 布 系统 的 后 台 JSP 页 面 ,使 
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页 面 变 得 简洁 。 
实现 思路 : 参考 10. 1 和 10.2 节 。 


10.5 总 结 


(1) EL 表达 式 的 语法 有 两 个 要 素 $ 和 {} ,二 者 缺 一 不 可 。 

(2) EL 表达 式 具 有 类 型 无 关 性 ,可 以 使 用 “. ”或 者 “[ ”操作 符 在 相应 的 作用 域 (page、 
request、session、application) 中 取得 某 个 属性 的 值 。 

(3) EL 表达 式 提 供 了 pageScope、requestScope、sessionScope、applicationScope 等 隐 式 
对 象 。 

(4) JSTL 核心 标签 库 中 常用 的 标签 有 如 下 三 类 ; 

。 通用 标签 < c:set><c:out>\<c:remove> 

。 条 件 标签 < c: if> 

。 和 迭代 标签 <c : forEach > 

(5) Java Web 开发 中 Struts、Spring 和 Hibernate 是 比较 优秀 的 开源 框架 。 


10.6 作 业 


一 、 选 择 题 
以 下 EL 表达 式 的 语法 结构 正确 的 是 (  )。 
$ [ user. userName] B. #[user.userName] 
$ {user. userName} D. # {user. userName} 
关于 “. ”操作 符 和 *[ ]” 操 作 符 ,以 下 说 法 不 正确 的 是 ( se 
$ {user. name} 等 价 于 $ {userLname] } 
${ user. name} 等 价 于 $ {user['name']} 
如 果 user 是 一 个 List, 则 $ { user[0]} 的 写法 是 正确 的 
如 果 user 是 一 个 数组 , 则 $ { user[0]} 的 写法 是 正确 的 
如 果 想 在 JSP 页 面 声明 一 个 名 字 为 name 的 变量 ,应 该 使 用 ( ) 标 签 。 
<c:if> B. <c:set> C. <c:out> D. < c: forEach> 
如 果 要 遍历 一 个 数组 中 的 所 有 元 素 ,需要 ( ) 标 签 。 
<c:if> B. <c:set> C. <c: remove> D. < c: forEach> 
、 简 答题 
1. JSTL 常用 的 标签 有 哪些 ? 
2. 请 列举 三 个 Java Web 开发 中 比较 优秀 的 开源 框架 ? 
3. EL 表达 式 的 作用 域 访 问 对 象 有 几 个 ? 如 何 使 用 ? 
三 、 程 序 题 
编写 JSP 页 面 使 用 JSTL 和 EL 显示 学 生 姓 名 列表 ,数据 库 为 第 4 章 课 后 作业 的 程序 
题 的 school。 
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